@media only screen and (max-width: 900px){
		
    #fotos-projeto{
width:90%;
margin:0 auto;
}


#chamada-orcamento{
width:100%;
background-color:#f9f500;
padding:5vw 0;
float:left;
text-align:center;
}

.center{
width:90%;
margin:0 auto;
}

#chamada-orcamento h2{
width:100%;
font: 8vw 'BebasNeue';
color:#172639;
padding:5vw 0;
letter-spacing:0.06vw;
font-weight:bold;
text-transform:uppercase;
text-align:left;
}

#chamada-orcamento a{
font: 5vw 'Myriad';
width: 70%;
padding:4vw 3vw 3vw 3vw;
background-color:#172639;
color:#fff;
text-decoration:none;
border-radius:10px;
text-align:center;
float:right;
text-shadow:none;
margin:4vw auto;
}

.imagem-conteudo{
width:90%;
margin:0 auto;
text-align:center;
}

.img-design-responsivo{
width:100%;
margin:0 auto;
}



#painel h2{
font: 5vw 'Myriad' !important;
color:#f9f500;
text-decoration:none;
font-weight:bold;
margin:0.5vw 0 0 0.5vw;
letter-spacing:0.07vw !important;
}


#ancora1, #ancora2, #ancora3, #ancora4{
    margin-top: -178px;
    padding-bottom: 178px;
    display: block; 
}

#ancora5{
    margin-top: -50px;
    padding-bottom: 50px;
    display: block; 
}

#section1{
float:left;
width:100%;
background-image:url(imagens/fundo.jpg);
position:relative;
padding: 0 0 5vw 0;
background-size: cover;
background-attachment: fixed;
}

#content{
width:90%;
margin:20vw auto 0 auto;
}

#topo{
display:none;
}

#topo2{
float:left;
width:100%;
margin:0 auto;
text-align:center;
}

.logotipo{
width:35vw;
margin:0 auto;
}

#menu{
display:none;
}

#retratil{
display:none;
}

#conteudo_home{
float:left;
width:100%;
margin:3vw 0 0 0;
}

#conteudo_home_center{
width:95%;
margin:0 auto;
}


.conteudo_home_div{
width:100%;
margin:0;
float:left;
text-align:center;
}

#painel{
width:100%;
}

#painel-inter{
width:100%;
}

#antes_depois{
width:100%;
float:left;
margin:0 0 5px 0;
}

#antes_depois_center{
width:58%;
margin:0 auto;
}

#antes_depois h1{
font: 3vw 'Myriad';
color:#f9f500;
text-decoration:none;
font-weight:bold;
float:left;
letter-spacing:1px;
margin:0;
}

#linha_horizontal2{
float:left;
width:28vw;
border-top:1px solid #f9f500;
margin:1.5vw 0.5vw;
}

#anim_site{
width:48%;
height:30vw;
margin:0 2.5vw 0 0;
overflow:hidden;
float:left;
}

#anim_site img{
width:100%;
animation-name: exemplo;
animation-duration: 50s; 
animation-iteration-count: infinite;
}

#anim_site2{
width:48.5%;
height:30vw;
overflow:hidden;
}

#anim_site2 img{
width:100%;
animation-name: exemplo;
animation-duration: 50s; 
animation-iteration-count: infinite;
}

@keyframes exemplo {
0%   {transform: translatey(0)}
100% {transform: translatey(-37vw)}
}

#home_video{
width:100%;
margin:30px auto 30px auto;
}

#home_video h2{
font: 3.5vw 'Myriad';
color:#fff;
text-decoration:none;
margin:10px 0 0 0;
text-align:justify;
}

#redes_sociais{
display:none;
}


#section2{
width:100%; 
float:left;
background-color:#f1f1f1;
padding:10vw 0 20vw 0;
text-align:center;
}

#section2 img{
width:90%;
margin:0 auto;
}


#produtos{
width:80%;
margin:30px auto;
}

.prod{
width:48%;
float:left;
overflow:hidden;
border-radius:5px;
-webkit-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
-moz-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
background-color:#fff;
margin:0 1%;
}

/**
#produtos{
width:92%;
margin:30px auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}

.prod{
width:23%;
float:left;
height:495px;
overflow:hidden;
border-radius:5px;
-webkit-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
-moz-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
background-color:#fff;
}
**/

.titulo{
width:100%;
margin:20px 0;
}

.titulo h1{
font: 7vw 'Marcellus';
color:#293b52;
text-align:center;
margin:0 0 5px 0;
}

.titulo h2{
font: 7vw 'Marcellus';
color:#293b52;
text-align:center;
margin:10vw 0 0 0;
}


.prod img{
width:100%;
margin:0 0 10px 0;
border-bottom:1px solid #c6c6c6;
}

.prod h2{
font: 2vw 'Myriad';
color:#333;
padding:5px 10px;
}

.prod h3{
width:100%;
font: 3vw 'Myriad';
color:#333;
text-align:left;
padding:15px 10px 5px 10px;
text-decoration: line-through;
}

.prod h4{
width:100%;
font: 3vw 'Myriad';
color:#333;
text-align:left;
padding:0 10px;
font-weight:bold;
}


.demonstracao{
font: 2vw 'Myriad';
color:#fff;
text-decoration:none;
text-align:center;
width:47%;
margin:1.5%;
padding:12px 5px;
border-radius:5px;
float:left;
background: rgba(41,61,82,1);
background: -moz-linear-gradient(-45deg, rgba(41,61,82,1) 0%, rgba(26,42,62,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,61,82,1)), color-stop(100%, rgba(26,42,62,1)));
background: -webkit-linear-gradient(-45deg, rgba(41,61,82,1) 0%, rgba(26,42,62,1) 100%);
background: -o-linear-gradient(-45deg, rgba(41,61,82,1) 0%, rgba(26,42,62,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(41,61,82,1) 0%, rgba(26,42,62,1) 100%);
background: linear-gradient(135deg, rgba(41,61,82,1) 0%, rgba(26,42,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293d52', endColorstr='#1a2a3e', GradientType=1 );

}

.comprar{
font: 2vw 'Myriad';
color:#fff;
text-decoration:none;
text-align:center;
width:47%;
padding:12px 5px;
margin:1.5%;
border-radius:5px;
float:left;
background: rgba(15,122,22,1);
background: -moz-linear-gradient(-45deg, rgba(15,122,22,1) 0%, rgba(17,105,13,1) 100%);
background: -webkit-gradient(-45deg top, right top, color-stop(0%, rgba(15,122,22,1)), color-stop(100%, rgba(17,105,13,1)));
background: -webkit-linear-gradient(-45deg, rgba(15,122,22,1) 0%, rgba(17,105,13,1) 100%);
background: -o-linear-gradient(-45deg, rgba(15,122,22,1) 0%, rgba(17,105,13,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(15,122,22,1) 0%, rgba(17,105,13,1) 100%);
background: linear-gradient(to right, rgba(15,122,22,1) 0%, rgba(17,105,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f7a16', endColorstr='#11690d', GradientType=1 );
}


#section3{
width:100%; 
background-image:url(imagens/fundo.jpg);
float:left;
background-size: cover;
background-attachment: fixed;
padding: 10vw 0 20vw 0;
}

#servicos{
width:92%;
margin:0 auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}

#servicos hr{
width:30%;
}

.serv h2{
font: 2vw 'Myriad';
color:#fff;
font-weight:bold;
}

.serv p{
font: 1.5vw 'Myriad';
color:#fff;
padding:10px 10px 45px 10px;
}

.serv img{
width:5vw;
margin:1vw 0;
}

.titulo2{
width:100%;
margin:20px 0 0 0 ;
}

.titulo2 h1{
font: 7vw 'Myriad';
color:#ff2097;
text-align:center;
margin:0 0 5px 0;
}

.titulo2 hr{
width:10vw;
margin:0 auto 20px auto;
border-color:#ff2097;
background-color:#ff2097;
}

#section4{
float:left;
width:100%; 
background-color:#f1f1f1;
padding:50px 0;
}

#contato{
width:70%; 
margin:0 auto;
position:relative;
}


#redes_sociais2{
width:30%;
float:left;
margin:10vw 0 0 0;
}

#redes_sociais2 a{
color:#fff;
text-decoration:none;
}

#redes_sociais2 h2{
font: 1.7vw 'Myriad';
color:#f9f500;
margin:5vw 0 1.5vw 0;
}



#redes_sociais2 h3{
font: 1.2vw 'Myriad';
color:#fff;
}

.icone{
float:left;
width:22px;
margin:0 10px 0 0;
text-align:center;
}

.icone img{
height:17px;
margin:1px auto 0 auto;
}

#section6{
width:100%;
height:15vw;
background-color:#172639;
float:left;
position:relative;
z-index:-9999;
}

#section6 h2{
font: 1.5vw 'Myriad';
color:#7d94af;
margin:0 0 0 80px;
position:absolute;
bottom:2vw;
}

#form{
width:50%;
float:right;
background-color:#f7f7f7;
position:absolute;
top:15vw;
right:0;
-webkit-box-shadow: 1px 5px 22px 3px rgba(8,21,38,1);
-moz-box-shadow:  1px 5px 22px 3px rgba(8,21,38,1);
box-shadow: 1px 5px 22px 3px rgba(8,21,38,1);
padding:5vw 40px;
border-radius:5px;
}

#form h1{
font: 1.5vw 'Myriad';
color:#848484;
margin:0 0 20px 0;;
}

#form h5{
font: 1vw 'Myriad';
color:#145d0a;
margin:10px 0 30px 0;
}

#form input{
font: 1.3vw 'Myriad';
width:100%;
padding:10px;
border:1px solid #a3b1c2;
margin:0 0 1vw 0;
color:#848484;
border-radius:5px;
background-color:#f7f7f7;
}

#form textarea{
font: 1.3vw 'Myriad';
min-width:100%;
max-width:100%;
min-height:10vw;
max-height:10vw;
padding:10px;
border:1px solid #a3b1c2;
margin:0 0 20px 0;
color:#848484;
border-radius:5px;
background-color:#f7f7f7;
}

#form input.contato_btn{
font: 1.5vw 'Myriad';
background-color:#152436;
color:#fff;
cursor:pointer;
}

#menu_center ul{
    width: 100%;
    height:60px;
    list-style:none;
    display: table-cell;
    vertical-align: middle;	
    background-color:#172639;
    margin:0;
    padding:18px 0;

}

#menu_center ul li{
    margin:17px 15px;
    display:inline;
    padding:17px 0;
}
    
#menu_center ul li a{
    font: 1vw 'Myriad';
    text-transform:uppercase;
    padding:17px 0;
    text-decoration:none;
    color:#fff;
}

    #menu_center ul li a.active{
    background-color:#fff;
    color:#172639;
    padding:24px;
}

    #menu_center ul li a.active:hover{
    color:#172639 !important;
}

#menu_center ul li a:hover{
        text-decoration:none;
    }
    
.menu_mluv_retratil {
width: 100%;
height: 63px;
z-index:9999;
text-align:center;
}

.menu_mluv_retratil ul{
margin:20px auto 0 auto;
width:100%;
text-align:center;
 float:left;
}

#ancora1, #ancora2, #ancora3, #ancora4{
    margin-top: -58px;
    padding-bottom: 58px;
    display: block; 
}

#ancora5{
    margin-top: -50px;
    padding-bottom: 50px;
    display: block; 
}



}

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

    .bt_orcamento{
        width:100%;
        padding:4vw;
        background-color:#f9f500;
        font: 5vw 'OpenSans';
        font-weight:bold;
        text-decoration:none;
        color:#172639;
        text-align:center;
        border-radius:10px;
        margin:5vw auto 0 auto;
    }
    
    
    #conteudo_home{
        margin:7vw 0 0 0;
    }
    
    #conteudo_home h2{
        font: 12vw 'BebasNeue';
        color:#7d94af;
        text-decoration:none;
        line-height:14vw;
        font-weight:bold;
        text-transform:uppercase;
        width:100%;	
        letter-spacing:0.1vw;
        margin:4vw 0 0 0;
    }
    
    #conteudo_home h2 span{
        font: 12vw 'BebasNeue';
        font-weight:bold; 
        color:#fff;
    }
    
    #conteudo_home h3{
        font: 4.5vw 'OpenSans';
        color:#fff;
        text-decoration:none;
        margin:6vw 0;
        line-height:7vw;
        width:100%;
    }	
        
        
    .bt_orcamento{
        width:100%;
        margin:3vw 0 10vw 0;
        float:left;
    }
        
    
    #section8{
       width:100%; 
       float:left;
       background-color:#f1f1f1;
       padding:15vw 0 15vw 0;
    }
    
    #section8 hr{
        width:30%;
        height:1px;
        margin:4% auto 10% auto;
        border-color:#293b53;
        background-color:#293b53;
    }
    
    
    #section8 ul{
        list-style:none;
        width:85%;
        margin:0 auto;
    }
    
    #section8 li{
        width:100%;
        background-color:#fff;
        text-align:center;
        float:left;
        margin:0 0 7vw 0;
        padding:15% 5%;
        border-bottom:2px solid #30435a;
        border-radius: 3vw;
    }
    
    #section8 li img{
        height:20vw;
        margin:0 auto;
    }
    
    #section8 h2{
        width:100%;
        float:left;
        font: 5vw 'OpenSans';
        color:#000;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:2vw 0 2vw 0;
        font-weight:bold;
    }
    
    #section8 h2 a{
        color:#000;
        text-decoration:none;
    }
    
    #section8 h3{
        width:100%;
        float:left;
        font: 4vw 'OpenSans';
        color:#525252;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:10px 0 0 0;
    }
    
    #section8 h3 a{
        color:#525252;
        text-decoration:none;
    }
        
    #section3 hr{
        width:30%;
        height:1px;
        margin:4% auto 10% auto;
        border-color:#fff;
        background-color:#fff;
    }
    
    #quadro_painel{
          background-image:url(imagens/gerencie-seu-site-painel-administrativo-gerenciavel.png);
          background-position:center;
          background-size: cover;
          width:90%;
          text-align:center;
          margin:5vw auto;
          
    }
    
    .video-painel{
        width:77.6%;
        margin:8vw auto 5vw auto;
    }
    
        #quadro_painel_int{
          background-image:url(imagens/gerencie-seu-site-painel-administrativo-gerenciavel.png);
          background-position:center;
          background-size: cover;
          width:90%;
          text-align:center;
          margin:0 auto;
    }
    
    .video-painel_int{
        width:77.5%;
        margin:8vw 0 5vw 0;
    }
    
    
    #section3 h3{
        font: 7vw 'Myriad';
        color:#f9f500;
        width:100%;
        float:left;
        margin:7vw 0 5vw 0;
        text-align:center;
    }
    
    #section3 h4{
        font: 4vw 'OpenSans';
        line-height: 7vw;
        color:#fff;
        width:90%;
        text-align:center;
        margin:5vw auto 5px auto;
    }
    
    
    #bt_painel{
        width:90%;
        text-align:center;
        margin:0 auto;
    }
    
    #bt_painel_int{
        width:90%;
        margin:0 auto;
    }
    
    .link_painel{
        float:left;
        width:100%;
        padding:1vw 2vw 1vw 2vw;
        background-color:#172639;
        font: 5vw 'OpenSans';
        font-weight:bold;
        text-decoration:none;
        color:#f9f500;
        text-align:center;
        border-radius:10px;
        margin:8vw auto 0 auto;
    }
    
    
    #section3 a{
        float:left;
        padding:1vw 2vw 1vw 2vw;
        background-color:#f9f500;
        font: 5vw 'OpenSans';
        font-weight:bold;
        text-decoration:none;
        color:#172639;
        text-align:center;
        border-radius:1vw;
        margin:5vw auto 10vw auto;
    }
    
    
    
    #section2 hr{
        width:30%;
        margin:4% auto 3% auto;
        border-color:#293b53;
        background-color:#293b53;
    }
    
    #section2 h3{
        font: 7vw 'Myriad';
        color:#293b52;
        width:100%;
        float:left;
        margin:7vw 0 5vw 0;
        text-align:center;
    }
    
    #section2 h4{
        font: 4vw 'OpenSans';
        color:#293b52;
        line-height: 7vw;
        width:90%;
        text-align:center;
        margin:5vw auto 5px auto;
    }
    
    
    
    .serv{
        position:absolute;
        width:47%;
        float:left;	
        height:25vw;
        background-color:#fff;
        text-align:center;
        border-bottom:2px solid #30435a;
        position:relative;
        margin:30px 0;
        transition: height .5s linear;
        overflow:hidden;
    }
    
    
    #sobrenos{
       width:100%; 
       float:left;
       background-color:#f1f1f1;
       padding:20vw 0 6vw 0;
    }
    
    #sobrenos hr{
        width:30%;
        margin:1% auto 3% auto;
        border-color:#293b53;
        background-color:#293b53;
        opacity:1;
        height:2px;
    }
    
    
    #sobrenos h2{
        width:90%;
        font: 4vw 'OpenSans';
        color:#000;
        text-align:justify;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:5vw auto 0.5vw auto;
    }
    
    #sobrenos h3{
        width:100%;
        float:left;
        font: 3.5vw 'OpenSans';
        color:#525252;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:10px 0 0 0;
    }
    
    #projetos{
       width:100%; 
       float:left;
       background-color:#f1f1f1;
       padding:6em 0 6vw 0;
    }
    
    #projetos hr{
        width:30%;
        margin:1% auto 3% auto;
        border-color:#293b53;
        background-color:#293b53;
        opacity:1;
        height:2px;
    }
    
    
    #projetos h2{
        width:90%;
        font: 3.5vw 'OpenSans';
        color:#000;
        text-align:center;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:1vw auto 0.5vw auto;
    }
    
    #projetos h3{
        width:100%;
        float:left;
        font: 3.5vw 'OpenSans';
        color:#525252;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:10px 0 0 0;
    }
    
    #depoimentos hr{
        width:30%;
        height:2px;
        margin:1% auto 0 auto;
        border-color:#fff;
        background-color:#fff;
        opacity:1;
    }
    
    #depoimentos{
        padding: 10vw 0 20vw 0;
    }
    
    .serv h2{
        font: 2.5vw 'Myriad';
        color:#30435a;
        font-weight:bold;
    }
    
    .serv p{
        font: 2vw 'Myriad';
        color:#30435a;
        padding:10px 10px 45px 10px;
    }
    
    .serv img{
        width:8vw;
        margin:1vw 0;
    }
    
    
    .mais_inf{
        font: 1.3vw 'Myriad';
        color:#30435a;
        text-decoration:none;
        text-align:center;
        border-radius:3px 3px 0 0;
        background-color:#f9f500;
        position:absolute;
        bottom:0px;
        left:13vw;
        width:16vw;
        padding:10px 25px;
    }
    
    #redes_sociais2{
        width:30%;
        float:left;
        margin:5vw 0 0 0;
    }
    
    #section5{
       width:100%; 
       background-image:url(imagens/fundo.jpg);
       float:left;
       background-size: cover;
background-attachment: fixed;
    }
    
    #section6{
       width:100%;
       height:23vw;
       background-color:#172639;
       float:left;
       position:relative;
       z-index:-9999;
    }
    
    #section6 h2{
        font: 1.5vw 'Myriad';
        color:#7d94af;
        margin:0 0 0 80px;
        position:absolute;
        bottom:2vw;
    }
    
    #form{
        width:50%;
        float:right;
        background-color:#f7f7f7;
        position:absolute;
        top:10vw;
        right:0;
        -webkit-box-shadow: 1px 5px 22px 3px rgba(8,21,38,1);
        -moz-box-shadow:  1px 5px 22px 3px rgba(8,21,38,1);
        box-shadow: 1px 5px 22px 3px rgba(8,21,38,1);
        padding:5vw 40px;
        border-radius:5px;
    }
    
    .expanded {
       height:65vw;
    }
    }

    @media only screen and (max-width: 900px){
	
        .subtitulo{
        width:100%;
        margin:0 0 10vw 0;
    }
    
    #sobrenos{
        padding:6em 0 10vw 0;
    }
    
    #bl_servicos{
        padding:6em 0 10vw 0;
    }
    
    .subtitulo h2{
        width:90%;
        font: 4vw 'OpenSans';
        color:#000;
        text-align:center;
        text-decoration:none;
        letter-spacing:0.04vw;
        margin:0 auto;
    }
        
    .item-port{
        width:100%;
        float:left;
        margin:0 0 4vw 0;
    }
    
    .item-port h3{
        width:100%;
        padding:5% 2%; 
        background-color:#fff;
        font:4vw Arial;
        color:#676a6e;
    }
    
    
        
    #topo2{
        float:left;
        width:100%;
        margin:3vw auto;
        text-align:center;
    }
    #texto_sobre{
        font: 4vw 'Myriad';
        color:#293b52;
        line-height:4.5vw;
        padding:10px 0;
        text-align:center;
        width:90%;
        margin:0 auto;
    }
    
    
    .prod{
        width:98%;
        float:left;
        overflow:hidden;
        border-radius:5px;
        -webkit-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
        -moz-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
        box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
        background-color:#fff;
        margin:0 1% 10% 0;
    }
    
    /**
    #produtos{
       width:92%;
       margin:30px auto;
       display: flex;
       flex-flow: row wrap;
       justify-content: space-around;
    }
    
    .prod{
        width:23%;
        float:left;
        height:495px;
        overflow:hidden;
        border-radius:5px;
        -webkit-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
        -moz-box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
        box-shadow: 2px 2px 12px 0px rgba(175,175,175,1);
        background-color:#fff;
    }
    **/
    
    .titulo{
        width:90%;
        margin:0 auto;
    }
    
    
    .prod h2{
        font: 4vw 'Myriad';
        color:#333;
        padding:5px 10px;
        line-height:3.5vw;
    }
    
    .prod h3{
        width:100%;
        font: 5vw 'Myriad';
        color:#333;
        text-align:left;
        padding:25px 10px 5px 10px;
        text-decoration: line-through;
    }
    
    .prod h4{
        width:100%;
        font: 5vw 'Myriad';
        color:#333;
        text-align:left;
        padding:0 10px;
        font-weight:bold;
    }
    
    
    .demonstracao{
        font: 4vw 'Myriad';
    }
    
    .comprar{
        font: 4vw 'Myriad';
    }
    
    .serv{
        position:absolute;
        width:100%;
        float:left;	
        height:65vw;
        text-align:center;
        border-bottom:2px solid #30435a;
        position:relative;
        margin:6vw 0;
        transition: height .5s linear;
        overflow:hidden;
        border-radius: 3vw;
        padding: 4vw 2vw 0 2vw;
    }
    
    
    .serv h2{
        font: 6vw 'Myriad';
        color:#30435a;
        font-weight:bold;
    }
    
    .serv p{
        font: 5vw 'Myriad';
        color:#30435a;
        padding:10px 10px 10% 10px;
    }
    
    .serv img{
        width:23vw;
        margin:4vw 0;
    }
    
    
    .mais_inf{
        font: 4vw 'Myriad';
        color:#f9f500;
        text-decoration:none;
        text-align:center;
        border-radius:3px 3px 0 0;
        background-color:#30435a;
        position:absolute;
        bottom:0px;
        left:25%;
        width:50%;
        padding:2vw 3vw 1.7vw 3vw;
    }
    
    #redes_sociais2{
        display:none;
    }
    
    
    #section5{
       width:100%; 
       background-image:url(imagens/fundo.png);
       float:left;
       padding:50px 0;
    }
    
    
    #section6{
       display:none;
    }
    
    
    #section7{
       width:100%;
       background-color:#172639;
       float:left;
    }
    
    #section7 h2{
        font: 4.3vw 'Myriad';
        color:#7d94af;
        margin:0 0 0 5vw;
        padding:20px;
        text-align:center;
    }
    
    #redes_sociais3{
        width:50%;
        margin:0 auto;
        padding:40px 0 0 0;
        display: flex;
       flex-flow: row wrap;
       justify-content: space-around;
    }
    
    #redes_sociais3 img{
        margin:0 auto;
        height:18px;
    }
    
    #form{
        width:100%;
        background-color:#f7f7f7;
        float:left;
        right:0;
        -webkit-box-shadow: 1px 5px 22px 3px rgba(8,21,38,1);
        -moz-box-shadow:  1px 5px 22px 3px rgba(8,21,38,1);
        box-shadow: 1px 5px 22px 3px rgba(8,21,38,1);
        padding:5vw 5vw;
        border-radius:5px;
        position:static;
    }
    
    
    #form h1{
        font: 4vw 'Myriad';
        color:#848484;
        margin:0 0 20px 0;;
    }
    
    #form h5{
        font: 3vw 'Myriad';
        color:#145d0a;
        margin:10px 0 30px 0;
    }
    
    #form input{
        font: 3vw 'Myriad';
        width:100%;
        padding:10px;
        border:1px solid #a3b1c2;
        margin:0 0 1vw 0;
        color:#848484;
        border-radius:5px;
        background-color:#f7f7f7;
    }
    
    #form textarea{
        font: 3vw 'Myriad';
        min-width:100%;
        max-width:100%;
        min-height:20vw;
        max-height:20vw;
        padding:10px;
        border:1px solid #a3b1c2;
        margin:0 0 20px 0;
        color:#848484;
        border-radius:5px;
        background-color:#f7f7f7;
    }
    
    #form input.contato_btn{
        font: 3vw 'Myriad';
        background-color:#152436;
        color:#fff;
        cursor:pointer;
    }
    
    .expanded {
       height:140vw;
    }
    }