.titre{
    text-align: center;
    font-family: 'Impact', sans-serif;
    font-size: 5em;
    color: rgb(255, 255, 255);
    padding: 10px;
}

.slogan{
    text-align: center;
    font-family: 'Merriweather', sans-serif;
    font-size: 1.5em;

}
.presentation
{
    display: flex;
    text-align: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    
    border: 5px white solid;
    border-radius: 20px;
    padding: 60px;
    padding-left:10px;

}

@media screen and (max-width: 800px) {
    .presentation
    {
        display: flex;
        text-align: left;
        width: 90%;
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
        
        border: 5px white solid;
        border-radius: 20px;
        padding: 20px;
        padding-left:inherit;
        flex-direction: column;
        margin: 0px;
    }
    .titre{
        text-align: center;
        font-family: 'Impact', sans-serif;
        font-size: 3em;
        color: rgb(255, 255, 255);
        padding: 10px;
    }
}