.parallax-window {
min-height: 1000px;
background: transparent;
}
.parallax-window-ame {
min-height: 850px;
background: transparent;
}
.parallax-window-2 {
min-height: 700px;
background: transparent;
}
.txt-footer{
text-align: left;
padding-right: 0;
}
.parallax-window-3 {
min-height: 850px;
background: transparent;
}
.subLogo{
text-align: right;
top: -33px;
position: relative;
}
body {
font-family: 'Montserrat', sans-serif;
font-family: 'Cousine', monospace;
background-color: #1A364E;
overflow-x: hidden;
max-width: 100%;
}
.logo{
padding-top: 100px;
padding-left: 100px;
padding-bottom: 20px;
}
.row{
margin-right: 0px!important;
margin-left: 0px!important;
}
.col-sm-12{
padding-right: 15px!important;
padding-left: 0px!important;
}
.nmb{
margin-bottom: 0;
}
.tittleSub{
color: rgb(238, 235, 225);
font-size: -webkit-xxx-large;
font-weight: bold;
padding-right: 65px;
font-family: 'Montserrat', sans-serif;
line-height: 46pt; letter-spacing: 4pt;
}
.tittleSubSub{
color: white;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1pt;
padding-right: 65px;
margin-top: 30px;
margin-bottom: 30px;
}
.btn1122 {
background-color: rgba(209, 152, 74);
border-color: rgb(209, 152, 74);
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: rgb(255, 254,253);
border-width: 3px;
border-radius: 0;
width: 150px;
width: 200px;
height: 50px;
}
.footer-text{
color: rgb(209, 152, 74);
}
.bar{
width: 70px;
background-color: rgb(209, 152, 74);
height: 3px;
}
.bar2{
width: 35px;
background-color: white;
height: 5px;
margin-bottom: 30px;
margin-left: 28.5%;
}
.bar3{
width: 35px;
background-color: #0E2B45;
height: 5px;
margin-bottom: 35px;
margin-top: 35px;
}
.txtCou{
color: rgb(209, 152, 74);
}
.btn1122-2 {
background-color: rgb(209, 152, 74, 0);
border-color: rgb(209, 152, 74);
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: white;
border-width: 3px;
border-radius: 0;
width: 150px;
width: 180px;
height: 50px;
}
.sponsors{
text-align: right;
padding-right: 5%;
padding-top: 50px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: rgba(209, 152, 74, 0.5);
border-color: rgb(209, 152, 74);
}
.row-container-1{
padding-left: 15%;
}
.container-4{
/* height: 100%; */
text-align: center;
/* padding-top: 50%; */
position: relative;
top: 50%;
padding-right: 10%;
left: 50%;
transform: translate(-50%, -50%);
}
.txt-footer{
padding-left: 25%!important;
}
.txt-footer2{
padding-right: 25%!important;
}
@media (max-width: 1248px) {
.container-4-sub{
padding-left: 10%!important;
padding-right: 10%!important;
}
.row-container-1{
}
.container-4{
top: 55%;
}
.form{
width: unset!important;
}
.tittleCont{
/*padding-left: 15%!important;*/
}
.text-2{
/*padding-left: 15%!important;*/
}
.bar2 {
/*margin-left: 15% !important;*/
}
.container-5{
/*padding-left: 15%!important;*/
}
}
@media (max-width: 1360px) {
.subLogo{
top: -14px;
}
}
@media (max-width: 1187px) {
.btn1122{
margin-top: 10px;
}
}
@media (max-width: 991px) {
.form{
width: 100%!important;
margin-top: 25px;
margin-right: 0px!important;
}
.row-container-1{
text-align: left;
padding-right: 10%!important;
/*padding-left: 10%!important;*/
}
.div-f{
display: block!important;
}
.face-f{
margin-bottom: 20px!important;
}
.insta-f{
margin-top: 20px !important;
margin-bottom: 20px!important;
}
.parallax-window-ame {
min-height: 525px;
background: transparent;
}
.aviso{
margin-right: 20px!important;
}
.footer-3{
text-align: center!important;
}
.sub-footer{
display: inline!important;
}
.tittleCont{
padding-left: 0%!important;
}
.row-ame{
height: 1354px!important;
}
.row-ame-1{
height: 850px!important;
}
.row-ame-2{
height: 850px!important;
}
.row-container-2{
padding-right: 13.2%!important;
/*padding-left: 10%!important;*/
}
.hideblock{
display: none;
}
.container-4{
padding: 0!important;
top: 50%!important;
}
.form-footer{
padding-right: 20%!important;
padding-left: 20%!important;
margin-top: 50px;
}
.btn-footer{
text-align: center!important;
display: inline!important;
}
.container-3{
top: 45%!important;
}
.text-2{
padding-right: 25%!important;
padding-left: 14.3%!important;
}
.container-5{
padding-right: 10%!important;
padding-left: 14.3%!important;
}
.bar2{
margin-left: 14.3%!important;
}
.img-footer{
margin-top:50px!important;
}
.txtCou{
text-align: center!important;
padding-left: 15%!important;
padding-right: 15%!important;
}
.txt-footer{
padding: 0!important;
}
.txt-footer2{
padding: 0!important;
}
.bar3-1{
left: 47%!important;
position: relative!important;
}
.divBar3-1{
text-align: -webkit-center!important;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.row-container-1{
padding-left: 0px!important;
padding-right: 35px!important;
}
.imagen {
width: 50%;
}
.parallax-window {
/*background-position: -1388px center!important;*/
background-image: url(../img/homeheaderM.webp)!important;
}
.todo2 {
padding-left: 8%!important;
padding-right: 8%!important;
}
.coltodo{
padding: 0!important;
}
.container-4{
padding-left: 8%!important;
padding-right: 8%!important;
}
.txtIntFooter{
padding-left: 8%!important;
padding-right: 8%!important;
}
.form-footer {
padding-right: 8%!important;
padding-left: 8%!important;
margin-top: 50px;
}
.row-container-2{
padding-left: 0!important;
padding-right: 13.2%!important;
}
.big-22{
max-width: 346px!important;
}
.divmap{
background-position: -323px center!important;
}
.big-11{
max-width: 300px!important;
}
.div-11{
right: 0px!important;
top:-103px!important;
}
.div-22{
bottom: -146px!important;
}
.dropdown{
right: 10px!important;
}
.parallax-window-ame{
min-height: 525px!important;
}
.form-title{
text-align: center!important;
}
.subLogo{
top: 0px!important;
margin-bottom: 80px!important;
}
.row-ame-1{
padding: 0!important;
}
.container-5{
padding-left: 13.3%!important;
padding-right: 13.3%!important;
}
.btn-penth{
margin-top:5px!important;
}
.btn-footer{
text-align: center!important;
display: inline!important;
}
.tittleSub{
font-size: 36px!important;
line-height: 41pt!important;
letter-spacing: 2pt!important;
margin-top: 15px!important;
}
.todo3{
padding-left: 5%!important;
padding-right: 5%!important;
}
.text-space{
margin-top: 25px!important;
}
.container-4-sub {
padding-left: 0%!important;
padding-right: 0%!important;
}
.parallax-window-2 {
min-height: 640px!important;
}
.container-4{
padding-right: 4%;
}
.row{
margin-right: 0px!important;
margin-left: 0px!important;
}
.container-3 {
top: 30%!important;
}
.tittleSub{
padding-right: 0!important;
}
.tittleSubSub{
padding-right: 0!important;
}
.tittleCont{
text-align: left;
}
.form{
padding: 40px 20px 40px 20px!important;
}
.btn-form{
text-align: center!important;
}
.logo{
padding-top: 25px;
padding-left: 17px;
padding-bottom: 5px;
}
.sponsors{
text-align: center;
padding-right: 0px!important;
}
}
.form{
padding: 80px 120px 80px 120px;
color: #d09743;
width: 80%;
margin-right: 10%;
background: #0e2b44aa;
position: relative;
font-family: Cousine, monospace;
}
.form-control {
margin-bottom: 10px;
border-radius: 0;
background-color: rgb(62, 85, 105);
border-color: rgb(62, 85, 105);
color: gray;
}
.form-control:hover,
.form-control:focus,
.form-control:active,
.form-control.active,
.open>.dropdown-toggle.form-control {
color: gray;
background-color: rgb(62, 85, 105);
border-color: rgb(62, 85, 105);
}
.nuestro {
font-family: Montserrat;
color: white;
font-weight: bold;
font-size: larger;
text-align: center;
top: 50px;
position: relative;
}
.text-2{
font-family: CoUSINE;
Color: white;
padding-left: 26.9%;
line-height: 15pt;
font-size: larger;
padding-right: 17%;
letter-spacing: 1px;
position: relative;
top: 30%;
}
.container-3{
top: 30%;
position: relative;
}
.container-4-sub{
padding-left: 21%;
padding-right: 21%;
}
.todo2{
text-align: center;
/* padding-top: 50%; */
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.todo3{
font-family: cousine;
padding-left: 32%;
padding-right: 32%;
color: rgb(209, 152, 74);
margin-top: 25px;
}
.sub-sub-footer{
margin-top: 100px;
}
.dropdown {
position: absolute;
right: 60px;
top: 60px;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;;
top: 2px;
right: 92px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
padding-top: 15px;
padding-bottom: 15px;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}
.menu-item{
border-style: groove;
border-right: none;
border-width: 2px;
border-bottom: none;
border-left: none;
border-color: #0E2B45;
padding-bottom: 6px!important;
padding-top: 6px!important;
}
.menu-div{
margin-right: 20px;margin-left: 20px;
}
/* last changes */
.tittleSub {
font-size: 65px !important;
}
.tittleSubSub {
font-size: 20px !important;
}
.text-2, .todo3, .container-4-sub, .container-5, .footer-text{
font-size: 20px !important;
}
.txtCouP{
padding-left: 30% !important;
padding-right: 30% !important;
}
a {
color: orange; /* Puedes cambiar 'blue' por el color que desees */
text-decoration: none; /* Esto elimina el subrayado predeterminado */
}