body {
    height:100vh;
    display:flex;
    flex-direction:column;
    /*font-family: sans-serif;*/
 }
 
 #wrapper {
     flex: 1;
 }

#containerLogoAccueil {
    display:flex;
    justify-content: center;
    margin-top:15px;
}

#titreH1{
    color:rgb(8, 222, 30)
}

#containerTextFestivalPhoto p{
    margin-bottom:5px;

}

#containerTextFestivalPhoto a {
    cursor: pointer;
    text-decoration:none;
}

#containerLogoAccueil img {
    width: 220px;
}

#flyerFestival {
    width:90%;
}

#logoFocusNature{
    width:175px;
    margin-top:15px;
}


@media screen and (max-width: 1230px) {

    #containerFestivalPhoto {
        flex-direction: column;
        align-items: center;
    }

    #containerFlyer{
        width:100%;
    }

    #flyerFestival {
        width: 80%;
        max-width:700px;
    }

    #containerTextFestivalPhoto {
        margin-top:30px;
        width:100%;
    }

    #logoFocusNature{
        width:150px;
        margin-top:15px;
    }


}


@media screen and (max-width: 580px) {

    #titreH1{
        font-size:18px;
    }

    #containerLogoAccueil {
        margin-top:15px;
    }

    #flyerFestival {
        width: 100%;
    }

    #logoFocusNature{
        width:120px;
        margin-top:15px;
    }



}