.fullscreen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 3vw;
}

.fullscreen.digital_transformation {
    width: 100vw;
    height: 100vh;
    background: url(../images/digital_hr_transformation_1.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.fullscreen.people_analytics {
    width: 100vw;
    height: 100vh;
    background: url(../images/people_analytics_2.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.fullscreen.agile_hr {
    width: 100vw;
    height: 100vh;
    background: url(../images/agile_hr_1.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.fullscreen.employee_customer_experience {
    width: 100vw;
    height: 100vh;
    background: url(../images/employee_customer_experience.jpg) no-repeat bottom center;
    background-size: cover;
    position: relative;
}

.fullscreen.practicas_actividades_in_house {
    width: 100vw;
    height: 100vh;
    background: url(../images/practicas_actividades_in_house.jpg) no-repeat bottom center;
    background-size: cover;
    position: relative
}

.fullscreen.diversity_inclusion {
    width: 100vw;
    height: 100vh;
    background: url(../images/diversity_inclusion.jpg) no-repeat center center;
    background-size: cover;
    position: relative
}

.fullscreen.coaching {
    width: 100vw;
    height: 100vh;
    background: url(../images/coaching.jpg) no-repeat center center;
    background-size: cover;
    position: relative
}

.fullscreen.leadership {
    width: 100vw;
    height: 100vh;
    background: url(../images/leadership.jpg) no-repeat center center;
    background-size: cover;
    position: relative
}

.fullscreen.recruitment {
    width: 100vw;
    height: 100vh;
    background: url(../images/coaching.jpg) no-repeat center center;
    background-size: cover;
    position: relative
}

.fullscreen #titleBar {
    width: 100vw;
    margin-top: 20vw;
}

/*
.fullscreen.people_analytics #titleBar {
    margin-top: 0vw;
    margin-bottom: 30vw;
}
*/

.fullscreen #titleSection {
    height: 8vw;
}

.fullscreen .subtitleSection {
    width: 85vw;
    font-family: Raleway;
    font-weight: 700;
    font-size: 1.4vw;
    line-height: 2vw;
    padding-top: 1.5vh;
    padding-bottom: 2.5vh;
    padding-left: 7.5vw;
    color: black;
}

.fullscreen .whiteGradient {
    position: absolute;
    bottom: 0;
    width: 100vw;
    height: 40vh;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}

.fullscreen .whiteLayer {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.3);
}

.fullimage {
    width: 50vw;
    margin: auto;
}

@media (max-width: 960px) {
    .fullscreen #titleSection {
        height: 16vw;
    }
    
    .fullscreen .subtitleSection {
        width: 85vw;
        font-weight: 700;
        font-size: 4vw;
        line-height: 5vw;
    }
    
    .fullscreen .whiteGradient {
        position: absolute;
        bottom: 0;
        width: 100vw;
        height: 40vh;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
    }
    
    .fullscreen .whiteLayer {
        position: absolute;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(255,255,255,0.3);
    }
    
    .fullimage {
        width: 100vw;
        margin: auto;
    }
}
@media (max-width: 960px) and (orientation: landscape) {
    .fullimage {
        height: 100vh;
        margin: auto;
    }
    .fullscreen.digital_transformation {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.people_analytics {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.agile_hr {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.employee_customer_experience {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.practicas_actividades_in_house {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.diversity_inclusion {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.coaching {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.leadership {
        width: 100vw;
        height: 100vw;
    }

    .fullscreen.recruitment {
        width: 100vw;
        height: 100vw;
    }
}