body {
    
   font-size: 104%;
   line-height: 1em;
   background: rgb(255,255,255);
   overflow-x: hidden;

}

.obrigado{
    background-image: url("../imagens/Home.jpg");
    max-width: 100%;
    background-repeat: no-repeat;
    margin: auto;
     line-height: 1.5em;
    text-decoration: none;
}

.obrigado header{
	display: none;
}

.obrigado li, a{
    text-decoration:none;
}

.obrigado-voltar{
    position: absolute;
    top: 70%;
    left: 50%
    
}

.obrigado footer{
     font-size: 70%;
    background-color:#52616b;
    color: #FFFFFF;
    width:100%;
    position:absolute;
  	padding-top: .5em;
  	bottom:0%;
  	height: 20px;
}

 #btn-menu{
    display: none;
    border: .2 solid #eee;
    height: 100%;
    width: 100%;
 }

 header{
    margin:auto;
   background-color: #FEFAEC;
 }


 header label{
    display: none;
    width: 35px;
    height: 35px;
    margin:.5em;

    
}


 header label:hover {
    cursor: pointer;
    background: #59606d;

 }


 
 .imagem{
    margin-top: 10em;
    margin-right: auto;
    margin-left: .2%;
    background-image: url("../imagens/Home.jpg");
    background-repeat: no-repeat;
    height: 500px;
    
   
}

footer {

    font-size: 70%;
    background-color:#52616b;
    color: #FFFFFF;
    height: 17px;
    padding-top: .5em;
    width:100%;
    position: absolute;
}

.h1{
    font:white;

}

section{
    text-shadow: 0px 0px .1px #eee;
    font-family: 'GIL',sans-serif;
    line-height: 1.2em;
}

html,body {
    height: 100%;
}

@font-face {
     font-family: "menubebas";
     src: url(../fonts/BebasNeue.otf);
     font-family:"GIL";
     src:url(../fonts/GIL.TTF);
}


 #curtir{
        display: none;
    }

h1{
    color: transparent;
}


.titulos{
    font-size: 140%;
    text-align: center;
    font-weight:bold;
    font-family: 'Gil',sans-serif;
    padding-top: 6.6em;
    padding-bottom: 1.5em;
    
}

.titulo1, .titulo2 {
	font-size: 140%;
    font-family: 'Gil',sans-serif;
    font-weight: bold;
    text-align: center;
        
}

h2{
     text-decoration: underline;
     font-size: 126%;

}

.navegacao-site {
    text-align: center;
    margin-left: .2%;
    float: right;

}

.navegacao-site ul{
    margin:0;
    list-style: none;
    padding: 0;
    font-family: 'menubebas';
    line-height: 1.5em;
  
}

.navegacao-site ul li{
    display: inline-block;
    font-size: 128%;
    
}

.navegacao-site li a{
    display: block;
    margin-right: 2em;
    text-align: center;
    margin-top: 2em;
    margin-bottom: .5em;
    color: #52616b;
    text-decoration: none;     

}

.navegacao-site a:hover{
    border-bottom: 0.1em solid #bd514d;
    
}

.foto-logo{
    float: left;
    padding-left: 0.2%;
    padding-top: 1em;
   
}

  .logo-cel{
        display:none;
    }

.escrito-logo{
    float: left;
    padding-left: 1em;
    padding-top: 1.3em;
    padding-right: .3em;
}

main p {
    text-align: justify;
 
}

.container{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  
}


.titulo-principal{
    width: 100%;
    position: fixed;
    top: 0;  
    padding-bottom: .5em;
    border-top: 2em solid #ba0609;
    background: rgb(255,255,253);
    z-index: 9999;
 }



.clientes-texto h2{
       padding-top: 9em;
       padding-bottom:4em;
       font-weight: bold;
}


.clientes-texto{
    
    position: relative;
    padding-bottom: 2em;
    max-width: 100%;
    height: 736px;
    margin: auto;
    background-repeat: no-repeat;
    background-color:rgba(131, 139 ,139, 0.2);

}

.clientes-texto ol{
    padding-left: 15%;
}

.clientes-texto li {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    text-align: center;
    padding-top: 4em;

  
}

.clientes-texto img{
     border: .2em solid #52616b;
     height: 115px;
     border-radius: 25px
}



.clientes-texto li:nth-child(1){

    padding-right: 2%;
    padding-left: 1%;
    max-width: 100%;
}


.clientes-texto  li:nth-child(2),
.clientes-texto  li:nth-child(3),
.clientes-texto  li:nth-child(4){
    padding-right: 2%;
            
}


#portfolio{
    padding-bottom: 7em;
    margin-top: .1em;

}


.portfolio-texto h2{
       padding-bottom: 1.5em;
       
       
}
  
.portfolio-texto{
    
    position: relative;
    padding-top:8em;
    margin: auto;
    max-width: 100%;
    height: 590px;
    background-image: url("../imagens/Portfolio1366.jpg"); 
    background-repeat: no-repeat;
}


.portfolio-texto ul li {
    display: inline-block;
    box-sizing: border-box;
    padding-top: 1em;
    text-align: center;
    padding-top: 4em;
         
}

.portfolio-texto ul figcaption{

    text-align: center;
    text-transform: uppercase;
    padding-bottom: 2em;


}

.portfolio-texto li a{
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Gil',sans-serif;
    font-size: 90%;
    color: inherit;

}

.portfolio-texto img{
     border: .2em solid black;
     height: 180px;
     width:  212px;
     background-color: white;
     

}

.portfolio-texto ul{
     padding-left: 15%;
     padding-top: 1%;
}

.portfolio-texto li:nth-child(1){

    padding-right: 1.5%;
    padding-left: 1%;
    max-width: 100%;
}


.portfolio-texto  li:nth-child(2),
.portfolio-texto  li:nth-child(3){
    padding-right: 1.5%;
            
}


.portfolio-texto li img:hover,
.portfolio-texto li img:focus{
  
  box-shadow: 0 0 5px  #333;
  -webkit-transform: translatey(-10px);
  -mz-transform:translatey(-10px);
  -ms-transform:translatey(-10px);
  transform: translatey(-10px);
  -webkit-transition: 0.6s;
  -mz-transition:0.6s;
  -ms-transition:0.6s;
  transition: 0.6s;

  }     

#quem-somos{
    max-width:  100%;
    margin-bottom: .1em;
}

#quem-somos p{
    line-height: 1.3em;
    padding-bottom: 1em;
    
}

#quem-somos ol{
     margin-bottom: 1%;
     display: block;
     padding-right: .2;
     padding-top: .1em;
     margin: auto;
     max-width: 100%;
     text-align: center;   
}     

#quem-somos ol li{
    display: inline-block;
    box-shadow: 0 0 .1em #FFFFFF;
    box-sizing: border-box;
    padding-top: 1em;
    text-align: center;
   
}

#quem-somos ol p{

    text-align: center;
    text-transform: uppercase;

}

#quem-somos figure{

    padding-left: .5em;
    
}


#servicos li:nth-child(1), #servicos li:nth-child(2){
    padding-right: 1%;
    padding-left:1.5%;
    margin-right: .5%;    
}


#servicos li:nth-child(3){
    padding-right: 1%;
    padding-left: 1%;
}


.texto-contato{
    background-image: url("../imagens/contato.jpg");
    background-repeat: no-repeat;
    position: relative;
    max-width: 100%;
    position: relative;
    padding-top:7em;
    margin: auto;
    height: 475px;
   
}


.texto-contato h2{
    color: white;
    padding-bottom: 4em;
    font-weight: bold;

}

form{
    max-width: 60%;
    margin: auto;
    
}

.campo {
    margin-bottom: .5em;
    opacity:0.8;

}
 
.campo label {
    color: #666;
    display: block;
}

.campo input[type="text"],
.campo input[type="email"],
.campo select{

    padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    display: block;
    font-size: 1em;
    opacity: 0.8;
}


.campo textarea {
    padding: 0.2em;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    display: block;
    font-size: 1.2em;
    opacity: 0.8;
}

 

.campo select option {
    padding-right: 1em;
}
 
.campo input:focus, .campo select:focus, .campo textarea:focus {
    background: #FFC;
}

.campo label.checkbox {
    color: #000;
    display: inline-block;
    margin-right: 1em;
}

.campo select option {
    padding-right: 1em;
}
 
.campo input:focus, .campo select:focus, .campo textarea:focus {
    background: #FFC;
}
 
.campo label.checkbox {
    color: #000;
    display: inline-block;
    margin-right: 1em;
}
 
#botao {

    border: 0;
    padding: .5em 1em;
    font-family: "Open Sans Condensed", sans-serif;
    background-color: #52616b;
    color: white;
    font-size: 1.2em;
    margin-left: auto;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    margin-bottom: .9em;


}
 
#botao:hover {
    background-color:#DBE2EF;
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
    text-shadow: none;
}

.localizacao{
    position: absolute;
    top: 15%;
    left: 54%;
    padding-left: .3em;
    width: 40%;

}

.localizacao p{
    line-height: 1em;
    font-size: .9em;
    font-style:italic;
    color: white;
    max-width: 100%;
    margin-right: auto;
    text-decoration: none;

    
}

.localizacao p:nth-child(1){

    padding-top: 9.5em;
    padding-bottom: .1em;
    background-position: .13em 100%;
    margin-right: auto;

}

.localizacao p:nth-child(2){
     margin-right: auto;
    padding-bottom: 1em;

}

.localizacao p:nth-child(3){

    padding-top: .2em;
    padding-bottom: .25em;
    margin-right: auto;

}

.localizacao p:nth-child(4){

   padding-top: .2em;
    padding-bottom: .8em;
    margin-right: auto;

   } 

 .localizacao p:nth-child(5){
    padding-top: .2em;
    margin-right: auto;
    

}

iframe{
    padding-top: 4%;
    max-width: 100%;
    
}


@media screen and (min-width: 200px) and (max-width: 480px) {

  
header{
    margin: 0;
    height: 150px;
    position: relative;
    background-color: #FEFAEC;
   
}

.titulos, .titulos2{
    font-size: 110%;
}
.titulos{
    padding-top: 8em;
}

#quem-somos p , #quem-somos figcaption{
    font-size: 88%;

}

.logo-cel{
    -ms-transform: translate(-20%,-10%) scale(0.7,0.7); 
    -webkit-transform: translate(-20%,-10%) scale(0.7,0.7); 
     transform: translate(-20%,-10%) scale(0.7,0.7); 
     z-index: -99999;  
}

.container{
    max-width: 100%;
}


#quem-somos p{
	text-align: justify-all;
}

.clientes-texto{
    height: 1300px;
}
.clientes-texto ol{
	text-align: center;
    padding-left: 1em;
	
}

.clientes-texto figure{
    border-radius: 10px;
    margin-top: .5em;
    -ms-transform: scale(0.76,0.76); 
    -webkit-transform: scale(0.76,0.76); 
    transform: scale(0.76,0.76); 

}

.clientes-texto li{
    padding-top: .3em;
}

.clientes-texto li:nth-child(4){
    padding-right: .6em;
}

.clientes-texto li{
    padding-top: .3em;
}

.portfolio-texto{

height: 990px;
background-image: url("../imagens/Portfolio1090.jpg");
background-repeat: no-repeat;
font-size: 85%;
line-height: 0.9em;
margin:0;
padding-bottom: 0;
}    


.imagem{
    background-image: url("../imagens/600.jpg"); 
    background-repeat: no-repeat;
    height: 300px;

 }

 .texto-contato{
    background-image: url("../imagens/contato.jpg"); 
    background-repeat: no-repeat;
   
 }

 .obrigado{
    background-image: url("../imagens/Home375.jpg");
    background-repeat: no-repeat;
    line-height: 1.5em;
    
}


.contato-email{
    
    display: none;

}


 #curtir{
        display: block;
    }

  #compartilhar{
        display: none;
    }
}


@media screen and (min-width: 481px) and (max-width: 600px) {

     
 header{
        height: 150px;
        position: relative;
        background-color: #FEFAEC;
   }

.container{
    max-width: 100%;
}

 .imagem{
    background-image: url("../imagens/600.jpg");
    background-repeat: no-repeat;
}

 .obrigado{
    background-image: url("../imagens/600.jpg");
    background-repeat: no-repeat;
     line-height: 1.5em;
    
}


.contato-email{

    display: none;

}

 #curtir{
        display: block;
    }

  #compartilhar{
        display: none;
    }
}



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

  .obrigado{
    background-image: url("../imagens/800.jpg");
    max-width: 100%;
    background-repeat: no-repeat;
     line-height: 1.5em;
    }


.obrigado li, a{
    text-decoration:none;
}

.obrigado-voltar{
    position: absolute;
    top: 70%;
    left: 50%
    
}

.clientes-texto ol{
    text-align: center;
    margin:0;
}



.escrito-logo{
      display:none;
    }    

    
.foto-logo{
       display:none;      
        
    }        
    
.logo-cel{
        display:block;
        position: absolute;
        top: 0%;
        left: 30%;

    }

header{
        height: 150px;
        position: relative;
        background-color: #FEFAEC;
   }
  
header label{
        display: block;

    }

.texto-contato{
    height: 480px;
}   

#botao{
    margin-bottom: .1em;
    padding: .1em 0;
    -ms-transform: scale(0.8,0.8); 
    -webkit-transform: scale(0.8,0.8); 
    transform: scale(0.8,0.8); 
}


.imagem{
    margin-top: 10.6em;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    max-width:  100%;
    height: 400px;
    background-image: url("../imagens/800.jpg");  
    background-repeat: no-repeat;
    max-width: 100%;

    }
    

.navegacao-site{
        position: absolute;
        margin-left: -70%;
        transition: all 0.2s;
        background:#52616b;
        width: 7em;
        
    }
    
.navegacao-site li{
        border: 1px solid #FFFFFF;
        text-align: center;
        width: ;
        margin:0;
 
   }

.navegacao-site li a{
        color: white;
        text-align: center;
        margin:0;
        padding:1em;
    }

.navegacao-site a:hover,
.navegacao-site a:focus {
    background-color:#59606d;
    opacity: 0.8;
    border: none; 
    
}
.navegacao-site ul li{
        display: block;
    }

.navegacao-site ul{
        direction: block;
        
    }

#btn-menu:checked ~ .navegacao-site{
        margin-left: 0;
    }

.localizacao p{
        font-size: 85%;

}
 
.portfolio-texto ul{
    text-align: center;
     padding-left: .8em;
    
}
.portfolio-texto, .clientes-texto {
    text-align: center;
}


.portfolio-texto li img:hover,
.portfolio-texto li img:focus{
  
  box-shadow: 0 0 5px  #333;
  -webkit-transform:scale(0.80,0.80); 
  -mz-transform:scale(0.80,0.80);
  -ms-transform:scale(0.80,0.80);
  transform: scale(0.80,0.80);
  -webkit-transition: 0.6s;
  -mz-transition:0.6s;
  -ms-transition:0.6s;
  transition: 0.6s;

  }     

.portfolio-texto ul img{
        height: 108px;
       -ms-transform: scale(0.72,0.72); 
       -webkit-transform: scale(0.72,0.72); 
       transform: scale(0.72,0.72); 

}

#portfolio h2{

    padding-bottom: 2em;

}

.portfolio-texto li:nth-child(4){

    padding-top: .2em;

}

}

@media screen and (min-width:802px) and (max-width: 944px) {

.portfolio-texto ul img{
        height: 108px;
       -ms-transform: scale(0.75,0.75); 
       -webkit-transform: scale(0.75,0.75); 
       transform: scale(0.75,0.75); 

}

.portfolio-texto figcaption{
	font-size: 80%;
	line-height: 1em;
}
}	



@media screen and (min-width:945px) and (max-width: 1090px) {



.obrigado{
    background-image: url("../imagens/Home.jpg");
    max-width: 100%;
    background-repeat: no-repeat;
    line-height: 1.5em;
}

.obrigado li, a{
    text-decoration:none;
}

.obrigado-voltar{
    position: absolute;
    top: 70%;
    left: 50%
    
}

.escrito-logo{
      display:none;
    }    

    
.foto-logo{
       display:none;      
        
    }        
    
.logo-cel{
        display:block;
        position: absolute;
        top: 0%;
        left: 30%;

    }

    header{
        height: 150px;
        position: relative;
        background-color: #FEFAEC;
        max-width: 100%;
   }
  
    header label{
        display: block;

    }

    .navegacao-site{
        position: absolute;
        margin-left: -70%;
        transition: all 0.2s;
        background:#52616b;
        width: 7em;
        
    }
    
    .navegacao-site li{
        border: 1px solid #FFFFFF;
        text-align: center;
        width: ;
        margin:0;
 
   }

    .navegacao-site li a{
        color: white;
        text-align: center;
        margin:0;
        padding:1em;
    }

   .navegacao-site a:hover,
   .navegacao-site a:focus {
    background-color:#59606d;
    opacity: 0.8;
    border: none; 
    
}
    .navegacao-site ul li{
        display: block;
    }

    .navegacao-site ul{
        direction: block;
        
    }

    #btn-menu:checked ~ .navegacao-site{
        margin-left: 0;


    }


.portfolio-texto li{
	padding-right: 0%;
	margin-right: 0%;
}

.portfolio-texto ul{

	padding-left: 1%;
	
}

.portfolio-texto ul img{
       -ms-transform: scale(0.7,0.7); 
       -webkit-transform: scale(0.7,0.7); 
       transform: scale(0.7,0.7); 

}


.portfolio-texto li img:hover,
.portfolio-texto li img:focus{
  
  box-shadow: 0 0 5px  #333;
  -webkit-transform:scale(0.72,0.72); 
  -mz-transform:scale(0.72,0.72);
  -ms-transform:scale(0.72,0.72);
  transform: scale(0.72,0.72);
  -webkit-transition: 0.6s;
  -mz-transition:0.6s;
  -ms-transition:0.6s;
  transition: 0.6s;

  }     



.cliente-texto{
	padding-top: 4em;
}
.clientes-texto ol{
	margin:auto;
	padding: 3.5%;
}


.clientes-texto ol img{
       -ms-transform: scale(0.9,0.9); 
       -webkit-transform: scale(0.9,0.9); 
       transform: scale(0.9,0.9); 

}

.clientes-texto ol li{
	padding-right:1em;

}
.texto-contato{
	height: 500px;
}

footer{
    height: 20px;
}
}

@media screen and (min-width: 1440px) and (max-width: 1600px){

.imagem{
    margin-top: 10em;
    margin-right: auto;
    margin-left: .2%;
    background-image: url("../imagens/Home1600.jpg");
    background-repeat: no-repeat;
    height:469px;
    margin-bottom: 1em;
    
}

 .texto-contato{
    background-image: url("../imagens/contato1600.jpg"); 
    background-repeat: no-repeat;
 }

 .obrigado{
    background-image: url("../imagens/Home1600.jpg");
    max-width: 100%;
    background-repeat: no-repeat;
    height:469px;

 }
    
.obrigado li, a{
    text-decoration:none;
}

.obrigado-voltar{
    position: absolute;
    top: 70%;
    left: 50%

}
.portfolio-texto{
    background-image: url("../imagens/Portfolio1600.jpg");
    background-repeat: no-repeat;
    height: 502px;

 }
    
.clientes-texto{
    padding-left: 2%;
}
.localizacao{

    padding-left: 5%;
}
.portfolio-texto{
   padding-left: 5%;
}

#portfolio{
    padding-bottom: 8em;
    margin-top: .1em;

}

}


 @media screen and (min-width: 1680px){

 .imagem{
    background-image: url("../imagens/Home1900.jpg"); 
    width: 100%;
    height:562px;
 }

 .texto-contato{
    background-image: url("../imagens/contato1900.jpg"); 
    max-width: 100%;
    background-repeat: no-repeat;
 }

 .obrigado{
    background-image: url("../imagens/Home1900.jpg");
    max-width: 100%;
    background-repeat: no-repeat;
    height:562px;
}

.obrigado li a{
    
    text-decoration:none;
}

.obrigado-voltar{
    position: absolute;
    top: 70%;
    left: 50%
    
}

.portfolio-texto{
    background-image: url("../imagens/Portfolio1900.jpg");
    width: 100%;
    background-repeat: no-repeat;
    height:100%;
}

.clientes-texto{
    padding-left: 10%;
    
}
.localizacao{
    margin-top: 1em;
    padding-left: 10%;
}
.portfolio-texto{
    padding-left: 14%;
    margin-bottom: 1em;
}

}