/* Mise en page de la page de contact */
.contact{
    background-color:#004e921e;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-around;
    gap: 10px;
}

.ruban{
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, #000428, #004e92);
    padding-left: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
}

.boxcoor{
border-bottom: 1.5px solid #323358 ;
border-left: 1.5px solid #323358;
padding-top: 20px;
padding: 50px;
padding-right: 0%;
align-items:first baseline;
}

.boxcoor h1{
    text-align: center;
    }

.boxcoor a{
    font-family: "Nunito", serif;
    font-size: 1.3em;
    text-decoration: none;
    color: rgb(0, 0, 75);
}

.boxcoor a:hover{
    opacity: 0.9;
}
/* Adaptation aux écrans laptop  */
@media only screen and (min-width:996px) and (max-width: 1599px) {
    .ruban h2{
        font-size:1.5em
    }
}

/* Adaptation aux écrans mobiles  */

@media only screen and (max-width:996px) {
    .ruban{
        padding-left: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ruban h2{
        font-size:1em;
    }

    .boxcoor{
        padding: 20px;
    }
    .boxcoor p{
        font-size: 0.7em;
    }

    .boxcoor a{
        font-size: 1em;
    }
    

}