@media only screen and (max-width: 1100px) {
	a.logo{max-width:180px !important}
	nav{margin-top:10px}
	.begin{margin-top:120px;}
}

@media only screen and (max-width: 1018px) {
.btMobile {
    position: absolute;
    right: 10px;
    top: 15px;
    background: url(../images/btMobile.png);
    width: 60px;
    height: 60px;
    display: block;
    background-size: cover;
}
header{
	background:#fff
}
nav {
    display: none;
    float: inherit;
    text-align: center;
}
nav li a{font-size:1rem; padding:10px !important}
nav li {
    display: block;
    width: 100%;
    padding: 0px !important;
}
.box2 .box{width:100%}
.box3 .box{width:100%}
.box4 .box{width:100%}
.box5 .box{width:100%}

}
@media only screen and (max-width:640px) {
.imgLeft{float: inherit;;margin:10px auto; max-width:100%}
.imgDer {
    float: inherit;
    margin: 0 auto;
    max-width: 100%;
}
.begin {
    margin-top: 110px;
}
.titulo h1, .titulo2 h1{
	font-size:2rem
}
}