@import 'colors.css';

.sect-photo-initial {    
   margin: 0 auto;
   overflow-x: hidden; 
   
}

@media (min-width: 1080px) {

   .video_banner{
   margin-top:120px;
   width: 100%;
   height:auto;

   }
}

@media (min-width: 600px) and (max-width:1079px) {
   
   .video_banner{
   margin-top:15.8%;
   width: 100%;
   height:auto;
   
   }
}

@media (max-width: 599px) {
  
   .video_banner{
   margin-top:15.8%;
   width: 100%;
   height:auto;
   }
}

/* Ajustes para cuando el dispositivo esté en modo horizontal */
@media (min-width: 600px) and (max-width:1079px) and (orientation: landscape) {
   
   .video_banner{
   margin-top:9%;
   width: 100%;
   height:auto;
   }
}