html {overflow-x: hidden;    max-width: 100vw;}
body{overflow-x: hidden; overflow-y: hidden; padding:0; height: 100%; margin: 0; padding-right: 0 !important}
.container-fluid{padding: 0;}

header{background-color:#0594CC;}
header h1{font-family: 'metropolisbold'; font-size: 30px; color: #fff; text-transform: uppercase;}
.redes{text-align:right;  z-index: 100}
.logo{margin-top: -75px;}

.no-webp .banner{ background-image: url("../images/bg.jpg"); background-repeat: no-repeat; margin-top: -222px; height: 1430px }
.webp .banner{ background-image: url("../images/bg.webp"); background-repeat: no-repeat; margin-top: -222px; height: 1430px }
.banner h2{font-family: 'metropolisbold'; padding-top: 100px; text-transform: uppercase; color: #cc1a47; font-size: 40px}

.txt p{font-family: 'metropolisregular'; font-size: 23px; text-transform: uppercase; color: #160101; line-height: 40px}

.form{background-color:#0594CC;}
.form h2{font-family: 'metropolisbold'; font-size: 30px; text-transform: uppercase;}
.btn-enviar{font-family: 'metropolisregular'; background-color: #50B4DB; border-color: #50B4DB; padding-left: 35px; padding-right: 35px; border-radius: 20px; color: #fff; text-transform: uppercase;}
.btn-enviar:hover{color: #fff}
.form-control{border-radius: 0}

.modal-header{border-bottom: 0}

footer{background-color: #B5C1CF}
footer small{font-family: 'metropolisregular'; font-size: 12px}

/*media*/
@media (max-width: 1680px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1366px) {
.no-webp .banner{ height: auto; }
.webp .banner{height: auto; }
.txt p{font-size: 21px;}
}

@media (max-width: 1280px) {

}
@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
.txt p{font-size: 17px;}
}

@media (max-width: 991px) {
header{padding: 15px}
.banner h2{font-size: 35px}
.txt p{font-size: 23px;}
}

@media (max-width: 768px) {
}

@media (max-width: 767px) { 

}

@media (max-width: 480px) {
header h1{text-align: center;}
.logo{margin-top: 15px;}
.redes{text-align:center;}
.no-webp .banner{ margin-top: -222px }
.webp .banner{ margin-top: -300px }
.no-webp .banner{ background-image: url("../images/bg-mobile.jpg");margin-top: 0px; background-size:cover; height: 500px }
.webp .banner{ background-image: url("../images/bg-mobile.webp"); margin-top: 0px; background-size:cover; height: 500px }
.banner h2{padding-top: 0px; margin-top: -130px; font-size: 20px}
}