#about-us{padding: 150px 0px 120px 0px;
	background-image: url('img/aboutus-bground.gif');
            background-size: cover;
            position: relative;

}

h1{font-size:20px;
	font-weight:100;
color: white;}

h5{font-size:17px;
	font-weight:600;
color: white;
text-align: center;}

p{font-size:14px;
	font-weight:100;
color: white;text-align: center;margin-bottom: 40px}

#tit-about{ margin-bottom:25px;}

.gradient-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(1,1,1,1));}

#contact { background-color: black;
	padding-top: 50px;
}

#paises{margin-top: 60px;padding-bottom: 70px; }

#bandera{width: 48px;text-align: center;
display: flex;margin: 25px auto 15px auto;}

footer {display: flex;
	max-height: 100px;
	min-height: 100px;
	background-image: url('img/footer-img.gif');
	justify-content: center;

}

footer img{height: 100px; 


	}

.social-link {
            display: inline-block;
            width: 85px; 
            height: 85px; 
            background-size: cover;
            background-position: center;
            margin: 10px; 
            margin-bottom: 80px;
            transition: background-image 0.3s ease; 
        }

        .instagram {
            background-image: url('img/contact/insta.png');
        }

        .instagram:hover {
            background-image: url('img/contact/insta-hover.png');
        }

        .linkedin {
            background-image: url('img/contact/link.png');
        }

        .linkedin:hover {
            background-image: url('img/contact/link-hover.png');
        }

        .vimeo {
            background-image: url('img/contact/vimeo.png');
        }

        .vimeo:hover {
            background-image: url('img/contact/vimeo-hover.png');
        }

.

#lateral-izq{position: absolute;
    max-height: 700px;
    min-height: 699px;
}

#logo{
    position: absolute;
    margin-top: 20px;
    width: 220px;
    right: 0;
    margin: 10px;
}


video::-webkit-media-controls {
    display: block;
}

video::-moz-media-controls {
    display: block;
}



.video-container {
            position: relative; /* Para permitir superposiciones absolutas */
            width: 100%; /* El contenedor ocupará el ancho completo de la pantalla */
            height: 700px; /* Altura máxima del contenedor */
            overflow: hidden; /* Oculta cualquier contenido que sobresalga */
            margin: 0px;

        }

        /* Estilo para el video */
        .video-container video {
            width: 100%; /* El video ocupará el ancho del contenedor */
            height: 700px; /* La altura del video será fija de 700px */
            object-fit: cover; /* El video cubrirá el área del contenedor */
            margin:0px; top: 0; left: 0;
        }

        /* Clase base para los elementos superpuestos */
        .overlay {
            position: absolute; /* Permite posicionar el elemento relativo al contenedor */
        }

        /* Posiciona la imagen en la esquina superior derecha */
        .top-right {
            top: 10px; /* 10px desde la parte superior del contenedor */
            right: 10px; /* 10px desde la parte derecha del contenedor */

        }

        /* Posiciona la imagen en el lateral izquierdo, ocupando toda la altura */
        .left {
            top: 0; /* La imagen comienza en la parte superior del contenedor */
            left: 0px; /* 10px desde la parte izquierda del contenedor */
            height: 700px; /* Altura de la imagen */
        }

        /* Posiciona el botón en la esquina inferior derecha */
        .bottom-right {
            bottom: 20px; 
            right: 60px; 
        }

      

        /* Estilo para el botón superpuesto */
        #toggleSound {
            padding: 10px 20px; 
            font-size: 16px; 
            background-color: blue; 
            color: white; 
            border: none; 
            border-radius: 5px;
            cursor: pointer !important; 
        }

        #logo{width: 200px;margin-right: }
        #lateraliz{height: 700px}
        .bottom-left {
            bottom: 10px; /* 10px desde la parte inferior del contenedor */
            left: 10px;
            width: 200px;}
            
        #great{
            bottom: 0px;
            }