.header{
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../gallery-img/newgalleryimg05.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 80vh;
    width: 100%;
}

.formations-hero h1{
    text-align: center;
    color: var(--secondary-color);
    margin-top: 8rem;
    font-size: 3.4rem;
}
@media screen and (min-width: 1300px){
    .header{
        background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/bgy.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 60vh;
        width: 100%;
    }
}
@media screen and (max-width: 700px){
    .formations-hero h1{
        margin-top: 6.5rem;
        font-size: 2.7rem;
    }
}