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:#004066; height: 130px}
header h1{font-family: 'metropolisbold'; font-size: 30px; color: #fff; text-transform: uppercase;}
.logo{margin-top: -95px;}

.banner h2{font-family: 'metropolisbold'; padding-top: 100px; text-transform: uppercase; color: #cc1a47; font-size: 40px}

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

.form{background-color:#004066;}
.form h2{font-family: 'metropolisbold'; font-size: 30px; text-transform: uppercase;}
.btn-enviar{font-family: 'metropolisregular'; background-color: #5191C1; border-color: #5191C1; 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) {
.txt p{font-size: 25px;}
.form h2{font-size: 27px;}
}

@media (max-width: 1280px) {

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

}

@media (max-width: 1024px) {

}

@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;}
.banner h2{padding-top: 0px; margin-top: -130px; font-size: 20px}
.txt p{font-size: 20px;}
.txt2{margin-top: -100px}
}