div.pageContain{
    margin:0 !important;
    /* padding-top: 10vw !important; */
    background-color:white !important;
}
body{
    background-color:#5b8492 !important;    
}
div.presentation{
    background-color: white;
    display:flex;
    flex-direction:column;
    padding:1.5vw 6vw 2.5vw 6vw;
}
div.presentation h2{
    margin:0;
    padding:0;
    color:black;
    font-family: 'Raleway', sans-serif;
    font-size:5vw;
    text-align:center;
}
div.presentation h4{
    margin:0;
    padding:0.5vw 0;
    color: black;
    font-family: 'Cinzel', serif;
    font-size:2vw;
    text-align:center;
}
div.gridPresentation{
    display:grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-rows: 1fr;
}
div.presentation img{
    width:90%;
    align-self: center;
}
div.presentation p{
    font-family: 'Roboto', sans-serif;
    font-size: 2vw;
    color: black;
}
div.histoire{
    background-color:#5b8492;
    padding:5vw;
}
div.histoire h3{
    margin:1vw 0;
    color:white;
    font-family: 'DM Sans', sans-serif;
    font-size: 3.5vw;
}
div.histoire h5{
    margin:0;
    font-family: 'Quicksand', sans-serif;
    font-size: 2vw;
    color:white;
}

ul{
    font-family: 'Quicksand', sans-serif;
    font-size: 1.5vw;
    color:white;
}

div.pageContain a{color: white;}

@media (max-aspect-ratio: 3/4){
    h2,h3{
        font-size:8vw !important;
    }
    h4,div.histoire h5{
        font-size:4vw !important;
    }
    p{
        font-size: 4vw !important;
    }
    div.gridPresentation{
        display:flex;
        flex-direction: column;
    }
}