body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: #3c95b1;
    color: #fff;
}

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 2.4rem;
}

h3 {
    font-size: 2rem;
}

p {
    font-size: 1.6rem;
}

.container-fluid {
    justify-content: center; /* Centrado horizontal */
    align-items: center;     /* Centrado vertical */
    height: 70vh; /* Altura del viewport */

}

img {
    width: 35vw; /* 50% del ancho de la pantalla */
    height: 35vw; /* mantiene la proporción original */
}


/*Responsividad*/


 @media (max-width: 768px) {

.container-fluid {
    margin-top: 30%;
}

h1 {
    font-size: 1.8rem;
}

h2 {
    font-size: 1.4rem;
}

h3 {
    font-size: 1rem;
}

p {
    font-size: 0.9rem;
}

img {
    width: 85vw; /* 50% del ancho de la pantalla */
    height: 85vw; /* mantiene la proporción original */
}

}