.dt {
    position: relative;
    left: 0;
    top: 0;
    background: url("/resources/images/index/dt-back.webp") no-repeat 50% 50%;
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 2px;
}

.dt h2 {
    text-align: center;
    padding-bottom: 5px;
}

.dt p {
    text-align: center;
}

.dt .img-wrap {
    position: relative;
    left: 0;
    top: -25px;
}

.dt .bg-left,
.dt .bg-right {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url("/resources/images/index/dt-left.webp") no-repeat;
    background-size: 29%;
    background-position: -27% 60%;
}

.dt .bg-right {
    background: url("/resources/images/index/dt-right.webp") no-repeat 100% 50%;
    background-size: 50%;
    background-position: 135% 60%;
}

.dt .bg-center {
    position: relative;
    width: 100%;
    margin: auto;
    left: 0;
    top: 0;
    background: url("/resources/images/index/dt-center.webp") no-repeat 50% 50%;
    padding-top: calc(72.5% - 25px);
    background-size: 120%;
}

.dt a.button {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 28px;
}

@media (min-width: 576px) {

    .dt .img-wrap {
        top: -50px;
    }

    .dt .bg-center {
        padding-top: calc(72.5% - 50px);
    }

    .dt .bg-left {
        background-position: -10% 52%;
    }
}

@media (min-width: 768px) {

    .dt {
        padding-top: 51px;
    }

    .dt h2 {
        padding-bottom: 10px;
    }

    .dt p {
        max-width: 570px;
        display: block;
        margin: auto;
    }

    .dt .bg-left {
        background-position: 0 55%;
        background-size: 174px;
    }

    .dt .bg-right {
        background-position: 102% 55%;
        background-size: 340px;
    }

    .dt .bg-center {
        background-size: 800px;
        padding-top: 470px;
    }

    .dt a.button {
        top: -40px;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {

    .dt {
        padding-top: 56px;
    }

    .dt .bg-left {
        background-position: 50% 55%;
        background-size: 220px;
        margin-left: -420px;
    }

    .dt .bg-right {
        background-position: 50% 55%;
        background-size: 440px;
        margin-left: 350px;
    }

    .dt .bg-center {
        background-size: 900px;
        padding-top: 500px;
    }

    .dt a.button {
        margin-bottom: 14px;
    }
}