.background_ornament {
    position: absolute;
    left: 0;
    width: 100vw;
    height: 300px;
    background: url("../img/orn_2.svg") repeat-x;
    z-index: -1;
}

h2 {
    font-size: clamp(16px, 4vw, 36px);
    color: var(--text-turquoise);
    padding-left: 157px;
    line-height: 44px;
    text-indent: 11vw;
    font-weight: 500;
    text-transform: uppercase;
}

@media only screen and (max-width: 900px) and (min-height: 500px) {
    h2 {
        padding-left: 12.7vw;
    }
}

@media only screen and (max-width: 600px) {
    h2 {
        width: 100%;
        padding-left: 0;
        text-indent: 0;
        text-align: center;
        line-height: 1.5;
    }
}

@media only screen and (max-width: 390px) {
    h2 {
        line-height: 1.2;
    }
}

@media only screen and (max-width: 1300px) {
    .entrant_doc_ab {
        gap: 10px 20px;
    }

    .edi_null {
        display: none;
    }

    .embl {
        display: block;
    }

    .edi_min a {
        width: 100%;
        height: 100%;
    }

    .edi_min {
        width: clamp(232px, 20.5vw, 295px);
        height: clamp(232px, 20.5vw, 295px);
    }

    .embl {
        width: clamp(232px, 20.5vw, 295px);
        min-height: 242px;
    }
}

@media only screen and (max-width: 1150px) {
    .entrant_doc_ab {
        width: 100%;
        height: auto;
        margin-top: 70px;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
}

@media (prefers-color-scheme: dark) {
    .background_ornament {
        background: url("../img/dark_orn_2.svg") repeat-x;
    }
}

.background_ornament_top {
    top: 10%;
    background-position-x: -90px;
}

.background_ornament_bottom {
    top: 44%;
    background-position-x: -480px;
}