@font-face {
    font-family: 'Futura';
    src: url(../Fonts/FuturaLT-Light.woff) format('woff');
}

body {
    font-family: 'Futura', Arial, sans-serif !important;
}

/*Contenedor foto y texto*/
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.new-container {
    margin-top: 2rem;
    margin-bottom: auto;
}

.left-container {
    margin-right: 11rem;
    margin-left: 10rem;
}

.right-container {
    text-align: left;
}


._h2 {
    font-size: 18px;
    color: #7e9e3e;
    font-family: Futura;
}

._h3-body {
    font-size: 16px;
    color: #59595b;
    margin-top: 25px;
    margin-bottom: 5px;
    font-family: Futura;
}

._p {
    font-size: 15px;
    margin-bottom: 1px;
    font-family: Futura;
}


/*Portada*/

.portada {
    width: 100%;
    height: 23rem;
    position: relative;
}

.portada2 {
    width: 100%;
    height: 23rem;
    position: relative;
}

    .portada img {
        object-position: center;
        object-fit: fill;
        width: 100%;
        height: 100%;
        border-radius: 0px;
    }

    .portada2 img {
        object-position: center;
        object-fit: fill;
        width: 100%;
        height: 100%;
        border-radius: 0px;
    }

    .portada h1 {
        position: absolute;
        bottom: 5rem; 
        left: 8rem;
        padding: 20px;
        color: white; 
        text-align: left; 
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
    }

    .portada2 h1 {
        position: absolute;
        bottom: 5rem; 
        left: 8rem;
        padding: 20px;
        color: white; 
        text-align: left; 
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
    }

    .portada p {
        position: absolute;
        bottom: 2rem;
        left: 8rem;
        padding: 20px;
        color: white;
        text-align: left;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 19px;
    }

    .portada2 p {
        position: absolute;
        bottom: 2rem;
        left: 8rem;
        padding: 20px;
        color: white;
        text-align: left;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        font-size: 19px;
    }


@media screen and (max-width: 3000px) and (min-width: 1500px){
    .portada2 img {
        object-position: center;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 0px;
    }
}
    




/* Para teléfonos en modo vertical y pantallas más pequeñas */
@media screen and (max-width: 420px) {

    .portada img {
        object-position: center;
        object-fit: contain;
    }

    .portada2 img {
        object-position: center;
        object-fit: contain;
    }

}