/************* GENERAL CSS ************/
body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 65%;
	color: #333333
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
 
                          -moz-box-sizing: border-box;
    
                           box-sizing: border-box;

}


h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #FFF;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	color: #FFF;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #BEBEBE;
} 

a:hover {
	font-weight: bold;
	text-decoration:none; 
}
.closeImg {
    position: relative;
    left: -7.6em;
    top: 6.8em; 
}
/************* HEADER STUFF ************/
.BoxGeral {
	max-width: 100%; 
	margin: 0px auto;
        background: url('../img/fundobackground.png');
} 
#BoxTopo {  
	width: 100%;
        position:relative;
	margin: 0px auto;
	height: 15em;  
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;  /*
        background: #121729;  */
        background: url('../img/FundoTopo.png');
} 
.BoxTudo {
	max-width: 1100px; 
	margin: 0px auto;
} 
.BoxCabecalho {
	width: 100%;
	margin-top: 0;
	height: 180px;    
	text-align: left; 
        background: url('../img/fundocabecalho.png'); 
  /*    border-bottom:1px solid #fff;  */
}
.Boxlogo { 
    float: left;  
    margin-top:2.5em;
    display: inline-block;
    width: 26%;
    text-align: left; color: #FFF;
 /* border:1px solid #fff;  */
}
.Boxlogo h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.3em;
	color: #FFF;
        margin-top: 0.5em; 
}
.Boxlogo h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.44444444444445em;
	color: #FFF;
        margin-top: -17px; 
}
.NavTop { float: left;
	   width: 60%;
	   height: 7em; 
	   margin: 1.6em 0.7em; 
           padding-top: 4.5em;   
/*	   margin: 6em 0.7em;
           padding: 0 3em; 
           border:1px solid #fff;  */
	   text-align: left;
} 
.Chamada { float: left;
	   width: 94%;
	   margin: 0.6em 0.7em;
           padding:0;
	   text-align: justify;
           background: url('../img/FundoTopo.png');
  /*       border:1px solid #fff;  */
} 
.Boxcontato { float: left;
	   width: 25%;
	   margin-top: 0.5em;
	   text-align: left; border:1px solid #fff;
}
.ColunaRightTop {
           position:relative;
           float: right;
	   width: 27.6%; 
	   height: 400px;
           margin-top: 0px; 
           background: #ffffff url('../img/PretoBranco.png'); /*
	   margin-top: -15em;
	   margin-bottom: -4em;  
	   text-align: left; border:1px solid #fff;  */
}
.InfoRightTop {
           position:relative;
           float: left;
	   width: 66.8%; 
	   margin-top: -15em;
	   margin-bottom: -4em;
	   text-align: left;
           background: #ffffff url('../img/ColunaAzul.png'); 
}
.BoxDestaque { 
	width: 100%;
	height: 400px;
        margin-top: 0px;  
	text-align: left;
   /*   border:1px solid; 
        background: #ffffff url('../img/PretoBranco.png'); */
 }
.DestaqueBanner {
        float: left;
	width: 72.4%; 
	height: 400px;
        margin-top: 0px; /*
        margin-right: -15%; */
 }
.SocialBox {  float: right;
  position:relative;

	width: 30%;
        margin-top: 10em; 
	text-align: right;
 }
.slider {
 height: 350px;
  width: 1024px; left: 0; 
}
.chocoslider {
  position:relative;
  margin-bottom: 15px; 
}

.chocoslider img {
 position:absolute;
  top:0px;
  
}

.chocoslider a.choco-imageLink {
  position:absolute;
  top:0px;
 width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:60;
  display:none;
}

.choco-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:100%;
}

.choco-title {
 text-align:center; position:absolute;
 bottom:300px;
  background:#FA6908;
  color:#fff;
  opacity:0.4;  width:37%;
 z-index:89;
}

.choco-title p {
 font-size: 3em; padding:5px;
  margin:0;
}

.choco-title a {
  display:inline !important;
}

.choco-html-title {
    display:none;
}

.choco-controlNavigation {
  position:absolute;
  right:0%;
  bottom:-17px;
}

.choco-controlNavigation a {
  text-indent: -999999px;
  text-transform:uppercase;
    text-decoration:none;
    height:20px;
    width:18px;
    display:block;
    cursor: pointer;
    background: transparent url(img/controlls.gif) center bottom no-repeat;
    float:left;
    outline: none;
}

.choco-controlNavigation a.active {
  background: transparent url(img/controlls.gif) center top no-repeat;
}

.Colunas { 
        float: left;
	width: 32.5%;
        height: 360px;
        margin: 10px auto;
	margin-right:0.9375em;
        padding: 0px; 
        background: #FFC400;
        border: 1px solid;
	text-align: justify;
 }
.Colunas:last-child {
    margin-right: 0;
}

.Tarja { 
	width: 100%;
	height: 55px;
	margin-top: 0; 
        text-align: center;
        line-height: 2.6em;
        background: #FA6908;
        padding-top:8px;    
 }
.Colunaleft { 
        float: left;
	width: 40%; 
	margin-top: 0;
        padding: 10px 0 10px 0;
	text-align: justify;  /*
        background: url('../img/Fundodiv.png'); */
 } 
.Colunaleft li { font-size: 1.7em; }

.Colunaright {        
        float: left;
	width: 60%;  
	margin-top: 0;
	padding:10px 0 10px 20px;
	text-align: justify;
}
.Riding { 
	width: 100%;
        position: relative;
	margin: 0 0 5px 0;        
	padding: 10px;
	text-align: center;  
 }

.frameCursos { border:none; overflow:auto; width: 100%; height:420px; margin-top:5em; }


/************* Boxs Meio e Centro ************/
 
.BoxCentral { 
	width: 100%;   
        height: 410px;
	margin-top: -3.5em;   
        background: #071914;     
/*        margin-bottom:3em;   
	padding: 10px 0 30px 0; */
 }
.BoxMap { 
	width: 33.33333333333333;
        float: right;
 }
.Sessaohiding {
	   width: 100%; 
           padding-top:1em;
           padding-bottom:2em;
           text-align: center;
/*           background: #F2F2F2; */
}
.BoxMeio {  
	   width: 100%; 
           height: 300px;
           margin-top:3.6em;
           margin-bottom:3em;
           text-align: center;
           background: #F2F2F2;
} 
.FocCursos {
	   width: 110%; 
           text-align: justify;
           margin-left:-5%; 
           margin-bottom:2.6em; 
           padding:4%; 
           background: #071914; 
}
.FocCursos span{  font-size: 1em; font-weight: 300; letter-spacing: -1px; line-height: 20px;  }
.ServicoLavagem { 
        float: left; 
	width: 24.14444444444444445%; 
        height: 310px;
	margin-top:4.5em;
	margin-bottom:2.5em;
        border:5px solid #FF0000;
	margin-right:1.2em;
        padding: 0.7em; 
	text-align: center;   /*
        background: #930409 url('../img/cadeira-auditorio.png'); */
 }
.ServicoLavagem:last-child {
    margin-right: 0;
}
.Servicoimpermeabiliza { 
        float: left; 
	width: 24.14444444444444445%; 
        height: 310px;
	margin-top:4.5em;
	margin-bottom:2.5em;
  /*      border:5px solid #FF0000; */
	margin-right:1.2em;
        padding: 0.7em; 
	text-align: center; 
 }
.Servicoimpermeabiliza:last-child {
    margin-right: 0;
}
/*  .SessaoNoticias:last-child, .Sessaocursos:last-child {
    margin-right: 0;
} */
 
.SessaoDepoimento {
	width: 100%; 
        height: 180px; 
	text-align: justify;	
}
.topodatacursos {  
	width: 100%;
	height: 7em;
        position:relative;
	margin: 3em auto; 
	margin-bottom: 1em; 
	border-left:10px solid #1F243C;   
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
} 
.retangulodatacursos {  
	width: 100%;
	height: 8em;
        position:relative;
	margin: 0px auto; 
	margin-bottom: 0.4em;  
	border-bottom: 0.4em solid #930409; 
	text-align: left;
        font-zise: 0.75em; 
        color: #1FA153;
        background: #930409 url('../img/fundodescrit.png');
} 
.datacursos {  
        float: left;
	width: 23%;
	height: 100%;
	margin: 1px auto; 
	text-align: center;
        color: #FFF;
        background: #930409;
} 
.textcursos {  
        float: right;
	width: 75%;
	height: 49%;
	margin: 0px auto; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
}
.descritcursos {  
        float: right;
	width: 76.2%;
	height: 49%;
	margin: 0px auto; 
	text-align: center;
        font-zise: 0.75em; 
        color: #1FA153;
        background: #930409 url('../img/fundoazulclaro.jpg');
}
.Fontetopodatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3.8em; color: #930409; margin:0.1em; }
.Fontedatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3.2em; color: #FFF; margin-top: 0.5em;}
.Titulodatacursos {font-family: "Times New Roman", Sans-Serif; font-size: 3em; color: #FFF; margin-top: 0;}
.Funtedescritcursos {font-family: "Times New Roman", Sans-Serif; font-size: 1.8em; color: #FFF; margin-top: 0;}

/************* Rodaper ************/
.rodape {
        clear: both;
        width: 100%;
	margin-top: 10px;  
        background: #ffffff url('../img/FundoTopo.png');
        text-align: center;
        color: #fff;
        padding-top: 0px;  
 /*       height: 100px;   
        border-top: 2px solid #A31414;  */
}
.SessoesRodape {
        float: left;
	width: 23%;
	margin: 0px auto;
	padding-right: 2em;
	text-align: justify;
        margin-right:1.2em;
}
.SessoesRodape:last-child {
 margin-right: 0; padding-right:0; 
}
.rodapeSecao2 {
        clear: both;
        width: 100%;  
	margin: 0px auto;  
        bottom:10px;   
        background: #052235;
/* url('../img/fundoazulescuro.jpg'); 
        height: 60px; 
        border-top: 3px solid #A31414;  */
        text-align: center;
        color: #fff; 
        padding-top: 3em;
        padding-bottom: 3em;
}  
.colunacentro { 
           position: relative;
           padding-bottom:1.6em;
	   max-width: 1100px;  
	   margin: 0px auto;  
           padding-top:30px; 
           text-align: center;   /*
           height: 100px; 
           background: #ffffff url('../img/fundoazulclaro.jpg'); */
}

span{  font-size: 0.9em; font-weight: 300; letter-spacing: -2px; line-height: 20px;  }

h1 span{ font-size: 1.1em; font-weight: 300; letter-spacing: -1px; line-height: 5px;  }
h2 span{  font-size: 1.2em; font-weight: 300; letter-spacing: -1px; line-height: 0px;  }

img,
picture,
video,
embed {
    max-width: 100%;
}


.Imagemlogo { width:90%; height:85%;} 
.IconTel { margin: 0.5em 0.15em -0.4375em 0.4375em; }
.Imgservicos { float:left; width:18%; height: 90px; margin:0 1.4em 1.4em 0; border-radius: 15%;}
.Imagembanner { width:100%; height:100%;  }
.chat { margin-left:16%; width:30%; margin-top:1.8em; margin-bottom:-2em; }

.teleatend { margin:1em 1.2em -1.5em 1.5em; width:17%; margin-top:1.8em; margin-bottom:1em;float:left; }

.Imagem {float: left; margin: 1.2em 0; }
.ImgSocial {  width:60%; height: 50px; }
.Depoimento {float: left;  width:30%; height: 110px; float: left; margin: 15px; }

.Noticias {float: left;  width:100%; height: 140px; float: left; margin: 15px; }

.ImgTel {float: left; margin-top: -30px; }
.ImgContact {float: left; margin-bottom: -0.5em; }
.Imagem2 {  margin-left:23%;  }
.Imagempaisagem {float: left; margin:0.625em 0.9375em 0.9375em 0; }
.IconTopo { margin: 0.5em 0.3125em -0.4375em 0.4375em; }
.Imgcategoria {margin-left: 0; margin-top: 0.9375em; } 
.Imgchamada {float: left; margin:0 0.625em 0.4375 0; }
.imgdown { width:100%; height:100%; float: right; margin-top:0; margin-left:0; }
.figura {position:absolute; left:43%; margin:-1.875em auto; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #fff; width: 100%; height: 1px; float: left; }

.FonteAzulgrande {font-family: verdana, "Times New Roman", sans-serif; margin: 1em; font-size: 2.4em; color: #375581; }
.FonteAzulMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.7em; color: #1E90FF; }
.FonteAzulpequeno {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.2em; color: #1E90FF; }
.FontChat {font-family: verdana, "Times New Roman", sans-serif; margin: 0.8% 2% 5% 27%; font-size: 1.2em; color: #FFF; }
.fontebotaoservicos {font-family: verdana, "Times New Roman", sans-serif; margin: 0; font-size: 1.4em; color: #FFF; }
.Fontechamada {font-family: verdana, "Times New Roman", sans-serif; margin-top:1.9em; font-size: 1.6em; color: #FFF; }
.ChamadaInfo {font-family: verdana, "Times New Roman", sans-serif; margin: 0.7em 0.5em; font-size: 1.8em; color: #FFF; }
.ChamadaInfoP {font-family: verdana, "Times New Roman", sans-serif; margin: 0.7em 0.5em; font-size: 1.5em; color: #FFF; }
.ChamadaInfoTel {font-family: verdana, "Times New Roman", sans-serif; margin-top: 1.7em; font-size: 1.6em; color: #FFF; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 2.5em 0 0.625em 0; font-size: 1.7em; color: #999; }
.FonteForm {font-family: verdana, "Times New Roman", sans-serif; margin-left: 0.5em; font-size: 1.4em; color: #375581; }
.FonteEscuroNormal {font-family: verdana, "Times New Roman", sans-serif; margin: 1em 0 0.625em 0; font-size: 1.15em; color: #424649; }
.FonteEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin:-0.7em 0.375em 0 0.625; font-size: 1.3em; color: #375581; }

.Fontverde {font-family: "Times New Roman", Sans-Serif; font-size: 4em; color: #2D6428; margin-top: 0.3em; margin-bottom: 0.2em; }
.sucesso {font-family: "Times New Roman", Sans-Serif; font-size: 3.4em; color: #FFF; margin: 0.4em 0 0.4em 1.7em; }
a.LinkVerde { text-decoration:none; font-size: 3em; padding: 1.625em dashed; color: #2D6428;}


.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.2em; color: #FFF; }
.Fonteservicos {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.5em; color: #FFF; line-height: 1.4em; padding:0 0.9375em 0 0.9375em; }
.FoteFrontEnd {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.8em; color: #BEBEBE; }
.FooterBranco {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.8em; color: #FFF; line-height: 0.5em; }
.FooterTitulo {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2em; color: #FFF; line-height: 0.5em; }

a.linktop {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.5em; color: #FFF; padding: 0 1em; }
a:hover.linktop { background: #2B8BED; font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.5em; padding: 4em 1em 0.5em 1em; color: #FFF;}
a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 2.2em; color: #0973C5; }
a.linkEscuroGrande {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #BEBEBE; }
a:hover.linkEscuroGrande {background: #FA6908; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.4em; color: #ffffff;}
a.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.1em; color: #3A3838; margin: left; 0.615em; }
a:hover.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 0.75em; color: #1E90FF; }
a.linkEsbrancoPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.3em; color: #fff;  line-height: 0.5em;}
a.linkEsbrancoMedio {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.4; color: #fff; }
a:hover.linkEsbrancoPequeno {font-family: verdana, "Times New Roman", sans-serif; margin-top:16px; font-size: 1.3em; color: #1B3381; }
a.linkEscuroMedio {font-family: "Times New Roman", sans-serif; margin: 0.625em 0 0.5em 0; font-size: 1.125em; color: #747373; }
a.LinkAzul {font-weight: bold; text-decoration:none; margin-left: 0.625em; padding: 0.625em dashed; color: #1E90FF;}
a.LinkVerde { text-decoration:none; font-size: 3em; padding: 1.625em dashed; color: #2D6428;}
.TituloCategoriasLimp {font-family: "Times New Roman", Sans-Serif; font-size: 2.1em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.5em; }
.TituloCategoriasImp {font-family: "Times New Roman", Sans-Serif; font-size: 2.1em; color: #FF0000; margin-top: 0.3em; margin-bottom: 0.5em; }
.FonteCategorias {font-family: "Times New Roman", Sans-Serif; font-size: 2em; color: #FFF; margin-top: 0.3em; margin-bottom: 0.2em; }
.SubtituloEscuro {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #052235; margin-top: 0.8em; margin-bottom: 0.2em; }
.SubtituloEscuroM {font-family: "Times New Roman", Sans-Serif; font-size: 2.5em; color: #052235; margin-top: 0.3em; margin-bottom: 0.5em; }
.SubtituloEscuroP {font-family: "Times New Roman", Sans-Serif; font-size: 1.9em; color: #052235; margin-top: 0.3em; margin-bottom: 0.5em; }
.SubtituloClaro {font-family: "Times New Roman", Sans-Serif; font-size: 4.2em; color: #6E6E6E; margin-top: 0.8em; margin-bottom: 0.2em; }
.SubtituloClaroM {font-family: "Times New Roman", Sans-Serif; font-size: 2.5em; color: #6E6E6E; margin-top: 0.3em; margin-bottom: 0.5em; }
.SubtituloClaroP {font-family: "Times New Roman", Sans-Serif; font-size: 1.9em; color: #6E6E6E; margin-top: 0.3em; margin-bottom: 0.5em; }
.Fontep {margin: 20px auto;}
.FontHiding {font-family: "Times New Roman", Sans-Serif; font-size: 2.0em; color: #0c0c0; margin: 0.625 auto;}


    <style>
        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
    </style>

/* ===========================================
   Media Queries
   =========================== */



@media screen and (max-width: 1312px) {

    
.BoxGeral, .BoxTudo {
   padding: 0 0.7em 0 0.7em;
    }}

@media screen and (max-width: 1060px) {
#slider {  max-width: 100%;  }
.choco-title p {
 font-size: 2.4em;}}

@media screen and (max-width: 960px) {
.Logo {width: 36%;}
.Chamada { float: right; width: 63%;}
.Colunas {  height: 390px; }
.botaocategoriaservicos{ width: 50%; }}

@media screen and (max-width: 940px) {
.Colunas {  height: 430px; }
.choco-title p {
 font-size: 2em;}}

@media screen and (max-width: 800px) {
.Colunas {  width: 32%; }
.Fontechamada { font-size: 1.7em; }}

@media screen and (max-width: 790px) {
.BoxCentral {  width: 49%; float:left; }
.Colunas {  width: 100%; height: 370px; }
.Sessaocliente, .Colunaleft, .Colunaright {  width: 100%; padding:7px; }}

@media screen and (max-width: 740px) {
.Logo {width: 37%;}
.Chamada { width: 63%;}}

@media screen and (max-width: 710px) {
.Logo {width: 40%;}
.Chamada { width: 60%;}
.Fontechamada { font-size: 1.5em; }
.choco-title { width:45%;
 }}

@media screen and (max-width: 660px) {
.Logo {width: 43%;}
.Chamada { width: 56%; padding-top: 10px}}

@media screen and (max-width: 640px) {
.rodapeSecao2 { height: 80px; }}

@media screen and (max-width: 610px) {
.Logo {width: 47%;}
.Chamada { width: 53%; }
.Colunas { height: 400px; }
#slider {
 height: 300px;
 }
.choco-title { bottom:260px;

 }
.BoxCentral {  margin-top:-5.5em; }}

@media screen and (max-width: 590px) {
.choco-title { width:50%;
 }
.Colunas { height: 440px; }}

@media screen and (max-width: 560px) {
.Logo {width: 50%;}
.Chamada { width: 50%; }}
/*
@media screen and (max-width: 531px) {
.btn-toggle{display: block;}
#BoxNav {display: none;}}   */

@media screen and (min-width: 531px) {
.btn-toggle{display: block;}
.contato {display: none;}}

@media screen and (max-width: 530px) {
.Chamada { text-align: center; height: 70px; padding:0 0 20px 0; }
.Logo, .Chamada { width: 100%; }
#slider {
 margin-top:50px; height: 280px;
 }
.choco-title { width:60%;
 bottom:240px; }}

@media screen and (max-width: 510px) {
.Colunas { height: 520px; }}

@media screen and (max-width: 480px) {
#slider {
 margin-top:100px;  }}

@media screen and (max-width: 450px) {
.Colunas { height: 560px; }
#slider {
 height: 240px;  }
.BoxCentral { position:relative; margin-top:-10em; }
.choco-title { width:70%;
 bottom:200px; }}

@media screen and (max-width: 410px) {
.BoxCentral {  width: 100%;  }
.Colunas { height: 360px; }}

@media screen and (max-width: 390px) {
.choco-title { width:90%;
 }}

@media screen and (max-width: 360px) {
.Imagemlogo {  margin-left: 8%;}
.imgdown { width:100%; }
.Navdown { padding:0; }
.contato { width:15%;
 }}

@media screen and (max-width: 330px) {
.Imagemlogo { width:70%; margin-left: 15%;}
.Colunas { height: 400px; }
.rodape { height: 140px; }
.rodapeSecao2 { height: 100px; }
.BoxCentral { position:relative; margin-top:0;   }
.btn-toggle{display: block;}
.BoxDestaque {display: none;}}


@media screen and (max-width: 290px) {
.Imagemlogo {  margin-left: 12%;}
.Colunas {  height: 435px;}
.Logo h2 { margin-left: 6%; font-size: 1.7em; }}

@media screen and (max-width: 270px) {
.Logo h2 { margin-left: 4%; }}

@media screen and (max-width: 250px) {
.Colunas {  height: 495px;}
.Logo h2 { font-size: 1.5em; }}

@media screen and (max-width: 240px) {
.Colunas {  height: 540px;}}