.header {
    height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.barre-homePageDepot {
    height: 70px;
    position: absolute;
}
#pink-bar {
    background-color: #F77E8E;
    width: 40%;
    top: 25%;
    left: -20px;
    transform: rotate(-10deg);
}
.pink-bar {
    position: relative;
    top: 25%;
}
#blueclair-bar {
    background-color: #8ADBCB;
    width: 30%;
    top: -50px;
    right: 18%;
    transform: rotate(-65deg);
}
.blueclair-bar {
    position: relative;
    /* top: 0; */
}
#orange-bar {
    background-color: #FCAA74;
    width: 30%;
    right: -20px;
    top: 20%;
    transform: rotate(-15deg);
}
.orange-bar {
    position: relative;
    top: 20%;
}
#purple-bar {
    background-color: #BFC8F2;
    width: 50%;
    top: 70%;
    right: -25px;
    transform: rotate(-15deg);
}
.purple-bar {
    position: relative;
    top: 70%;
}
#blue-bar {
    background-color: #6DBAE0;
    width: 30%;
    bottom: -15px;
    left: 18%;
    transform: rotate(-65deg);
}
.blue-bar {
    position: relative;
    top: 100%;
}
#vert-bar {
    background-color: #CCED87;
    width: 30%;
    bottom: 25%;
    left: -20px;
    transform: rotate(-15deg);
}
.vert-bar {
    position: relative;
    top: 75%;
}

.titlesHomePageDepot {
    margin: auto;
    text-align: center;
    font-size: 1.3rem;
    transform: rotate(-10deg);
    text-transform: uppercase;
}
.titlesHomePageDepot h1,
.titlesHomePageDepot h2 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.titlesHomePageDepot h1 {
    font-weight: 900;
}

.titlesHomePageDepot h2 sup {
    text-transform: lowercase;
}
.titlesHomePageDepot p {
    font-size: 1.5rem;
}

.appelScroll {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.appelScroll a {
    margin: auto;
}
.appelScrollImg {
    width: 60px;
}

@media (max-width: 576px) {
    .titlesHomePageDepot h2 {
        font-size: 1rem;
    }

    .appelScroll {
        display: none;
    }
}