* {
    font-family: "League Spartan", sans-serif; /* Aplica la fuente League Spartan a todos los elementos */
}

body {
    margin: 0;
    padding: 0;
    overflow-y: scroll; /* Habilita el scroll vertical */
}


.fondoseguimiento video {
    position: absolute; /* Establece la posición del elemento de video de forma absoluta con respecto a su contenedor primario */
    top: 0; /* Coloca el video en la parte superior del contenedor primario */
    left: 0; /* Coloca el video en el lado izquierdo del contenedor primario */
    width: 100%; /* Hace que el video ocupe el 100% del ancho de su contenedor primario */
    height: 100%; /* Hace que el video ocupe el 100% del alto de su contenedor primario */
    z-index: -1; /* Establece la "profundidad" del video, colocándolo detrás de otros elementos en la página */
    object-fit: cover; /* Ajusta el tamaño del video para cubrir completamente el contenedor sin distorsionar su relación de aspecto */
}

h1, h2, p {
    color: white; /* Establece el color del texto en blanco */
    text-align: right; /* Alinea el texto hacia la derecha dentro de su contenedor */
    margin-right: 160px; /* Establece un espacio en el lado derecho */
}

h1 {
    margin-top: 50px; /* Espacio en la parte superior del h1 */
    font-size: 50px; /* Tamaño del texto del h1 */
}

h2 {
    font-size: 20px; /* Tamaño del texto del h2 */
    margin-top: 5px; /* Espacio en la parte superior del h2 */
}

p {
    font-size: 18px; /* Tamaño del texto de los párrafos */
    margin-top: 5px; /* Espacio en la parte superior de los párrafos */
}

@media (max-width: 1200px) {

    h1, h2, p {
        display: flex;
        align-items: center;
        margin-top: 12rem;
        text-align: justify;        
        margin: auto;
        max-width: 800px; /* Ajusta este valor según sea necesario */
        line-height: 2.5rem;
    }

    .bloque{
        margin: 240px 50px 240px 50px;
    }

   
}
 /* Media query para pantallas mayores a 1201 píxeles */
 @media (min-width: 1201px) {
    .bloque{
        position: fixed;
        top: 250px; /* Margen superior */
        right: 0px;
        bottom: 600px; /* Margen inferior */
    }
}
 /* Media query para pantallas mayores a 1201 píxeles */
 @media (min-width: 1548px) {
    .bloque{
        position: fixed;
        top: 250px; /* Margen superior */
        right: 0px;
        bottom: 600px; /* Margen inferior */
    }
}

@media only screen and (min-width: 2628px) {
    .bloque{
        position:absolute;
        right: 200px;
    }
  
   .navegacion{
    position:absolute;
    right: 215px;
    top: 8px;
}
}

@media only screen and (min-width: 1608px) {
    .bloque{
        position:absolute;
        right: 200px;
    }
    .navegacion{
        position:absolute;
        right: 215px;
        top: 8px;}
   
}