.header .header_contact {
    background-image: url(../IMG/Shapes/forme\ 0\ magenta_rotated.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}


.shape1 {
    background-image: url("../IMG/Shapes/forme\ 17\ magenta.png");
    left: -5%;
    top: 7%;
    transform: rotate(10deg);
}

.shape2 {
    background-image: url("../IMG/Shapes/forme\ 22\ mandarine.png");
    left: 35%;
    top: 3%;
    transform: rotate(0) scale(0.9);
}

.shape3 {
    background-image: url("../IMG/Shapes/forme\ 9\ jaune.png");
    right: 10%;
    top: 7%;
    transform: rotate(10deg) scale(0.9);
}

.shape4 {
    background-image: url("../IMG/Shapes/forme\ 21\ bleu.png");
    left: 0%;
    top: 70%;
    transform: rotate(45deg) scale(0.7);

}

.shape5 {
    background-image: url("../IMG/Shapes/forme\ 19\ magenta.png");
    right: 0%;
    top: 72%;
    transform: scale(0.9);
}






h1 {
    text-align: center;
}

/* CONTACT */

.contact_infos {
    display: flex;
    height: 100vh;
    padding: 0vh 2vw;
    gap: 2vw;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;

}

p,
h1,
li,
ul {
    position: relative;
    z-index: 10;
}

.contact_1,
.contact_2,
.contact_3 {
    width: 100%;
    /* min-height: 50vh; */
    height: auto;
    /* put percent or vh to force a specific size/make it bigger */
    border: dashed 0.3vh #F5924A;
    padding: 2vh;
    align-content: center;
}

.contact_1,
.contact_3 {
    border-radius: 15px 255px 225px 15px/255px 15px 15px 255px;
    border: dashed 0.3vh #F3B08A;
}

.contact_2 {
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

.social_logo {
    height: 3vh;
    width: 3vh;
    margin: 1vh 0.25vw;
    opacity: 1;
    position: relative;
    left: -0.25vw;
}