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

.desktop {display: none;}
.mobile {display: block;}

#menuMobile {background: #e60000;}
#menuMobile .logo {text-align: left;}
#menuMobile .logo img {display: inline-block;width: 20%;z-index: 3;position: relative;}
.menuClick {float: right;margin-top: 13px;}
#menuMobile a.sub {font-weight: 300;}

header .topo .logo {padding: 20px 15px;}
header .topo .logo img {width: 100%;} 

.sobre {padding: 25px 0 0;font-size: 13px;}

.geral {padding: 50px 0 0;}
.geral .meio {padding: 30px 15px;}
.geral .meio img {width: 100%;}
.geral .divisor {padding: 30px 0;}
.geral .divisor img {width: 100%;}


}