@import url(./includes/header.css);
@import url(./includes/footer.css);

.container {
    color: white;
    width: 100%;
    max-width: none;
    background-color: #00264D;
    padding-left: 0rem;
    padding-right: 0rem;
}

.row {
    margin-right: 0rem;
    margin-left: 0rem;
    text-align: center;
    justify-content: center;
}

.vague {
    background-color: #00264D;
    height: 200px;
    overflow: hidden;

    & path {
        fill: white;
    }

    & svg {
        position: relative;
        top: 1px;
        height: 100%;
        width: 100%;
        display: block;
    }
}

.vague-inverse {
    background-color: #00264D;
    height: 200px;
    overflow: hidden;
    transform: scaleX(-1);

    & path {
        fill: white;
    }

    & svg {
        position: relative;
        bottom: 1px;
        height: 100%;
        width: 100%;
        display: block;
    }
}

/* 📱 Adaptation mobile : diviser la hauteur par 2 */
@media screen and (max-width: 992px) {
    .vague,
    .vague-inverse {
        height: 100px;
    }
}