.contact {
    background-color: var(--main_background);
    width : 100vw;
    height: 100vh;

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}



.contact .droite h1{
    font-size: 2.5vw;
    margin-bottom: 4vw;
}

.contact .droite p{
    font-size: 1.5vw;

}

.img_reseaux{
    width : 6vw;
    height: auto;
}

#div_reseaux{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

@media only screen and (max-width: 768px), (orientation: portrait) {

    .contact {
        background-color: var(--main_background);
        width : 100vw;
        height: 100vh;
    
        display: flex;
        flex-direction: column;
        justify-content: baseline;
        align-items: center;
        text-align: center;
        
    }
    

    .contact .droite h1{
        font-size: 7vw;
     
        margin-bottom: 4vw;
    }
    
    .contact .droite p{
        font-size: 4vw;
    
    }
    

}