@charset "UTF-8";
/* CSS Document */
/*MEDIA QUERIES*/
@media screen and (max-device-width: 769px) {
body{ font-size: 1.4rem !important;}
#intro {
width: 100%;
padding: 0 7%;
display: table;
margin: 0;
max-width: none;
height: 100vh;
}

#bgvid {display: none;}
#bgvabout{ display: block;}
video#about{ width: 100%; height: 100%; object-fit: cover;}
#about {display: none;}
/*#info h2{ margin-top: 40%;}*/
.tera {
font-size: 3.8rem;
margin-bottom: 0.3rem;
}
h2{ text-align:center;}
.list-unstyled-blog{ width: 72% !important; padding: 0; margin-left: 20px;}
/*#contacto {
width: 100%;
padding: 0;
display: table;
margin: 0;
max-width: none;
height: 100vh;
}*/
#bgvidcontact {display: none;}
.overlay a {font-size: 30px}

footer a { display: block; padding-bottom: 2%;}
.menufoot{ padding-bottom: 3%;}
}
@media only screen and (min-device-width: 520px) and (max-device-height: 767px) and (orientation: landscape) { 
#bgvabout{ margin-left: 20%; width: 60%; margin-top: 10%;}
video#about{ width: 60%; height: 60%; object-fit: cover; margin-left: 20%;}
#info h2{ margin-top: 10%;}
.overlay-content{top:2%;}
#porta .col-sm-5{ max-width: 50% !important;}
.mask1{ padding-top: 5%;}
}
@media (max-device-width:1023px){
/*.col-lg-3{ padding: 0 10% !important;}*/
#shape1{ display: none;} 
.mask2, .mask3{ width: 100%;}
/*#contacto .col-sm-6, #blog .col-sm-7{max-width:100%;}*/
}
@media (min-width: 768px) and (max-width: 991px) {
video#about{ width: 60%; height: 60%; object-fit: cover;}
/*h2{padding-top: 5%;}*/
#porta .col-sm-5{ max-width: 50% !important;}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
video#about{ width: 30%; height: 30%; object-fit: cover;}
}
@media (min-width: 991px) and (max-width: 1441px) {
h2{font-size: 1.5rem !important;}
/*video#about{ width: 60%; height: 60%; object-fit: cover;}*/
.col-lg-3{flex: 0 0 28% !important;
max-width: 28% !important;}
.col-lg-4{flex: 0 0 28% !important;
max-width: 28% !important;}
}
@media (min-width: 2000px) { 
#shape1{ margin-left: -2%;} }
@media (max-width: 769px) {
}

/*#info img{ margin-top: 35%;}
}
@media (max-width: 800px) { 
}
@media (min-width: 576px) and (max-width: 900px) {
footer a { padding: 0 5px;}
}*/