.mt-delivery-hero,
.mt-delivery-hero * {
    box-sizing: border-box;
}

.mt-delivery-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 1440 / 300;
    background-color: #a9ccff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.mt-delivery-hero-content {
    position: absolute;
    left: 6.944vw;
    top: 3.611vw;
    z-index: 2;
    max-width: 44.931vw;
}

.mt-delivery-hero-title {
    margin: 0;
    color: #ffffff;
    font-family: var(--vape-font-brand);
    font-size: 3.472vw;
    font-weight: 700;
    line-height: 4.167vw;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mt-delivery-hero-subtitle {
    max-width: 28.472vw;
    margin: 0.972vw 0 0;
    color: #ffffff;
    font-family: var(--vape-font-brand);
    font-size: 1.111vw;
    font-weight: 500;
    line-height: 1.667vw;
    letter-spacing: 0;
}

@media (max-width: 1024px) {
    .mt-delivery-hero {
        aspect-ratio: 2.5 / 1;
        background-position: center;
    }

    .mt-delivery-hero-content {
        left: 4.688vw;
        top: 5.078vw;
        max-width: 39.063vw;
    }

    .mt-delivery-hero-title {
        font-size: 4.492vw;
        line-height: 5.469vw;
    }

    .mt-delivery-hero-subtitle {
        max-width: 39.063vw;
        margin-top: 2.148vw;
        font-size: 1.563vw;
        line-height: 2.344vw;
    }
}

@media (max-width: 768px) {
    .mt-delivery-hero {
        aspect-ratio: 1.55 / 1;
        background-position: center;
    }

    .mt-delivery-hero-content {
        left: 3.125vw;
        top: 5.208vw;
        max-width: 48.177vw;
    }

    .mt-delivery-hero-title {
        font-size: 5.208vw;
        line-height: 6.25vw;
        letter-spacing: 0.03em;
    }

    .mt-delivery-hero-subtitle {
        max-width: 45.573vw;
        margin-top: 2.604vw;
        font-size: 2.083vw;
        line-height: 3.125vw;
    }
}

@media (max-width: 520px) {
    .mt-delivery-hero {
        aspect-ratio: 1 / 1.05;
        background-position: center;
    }

    .mt-delivery-hero-content {
        left: 3.462vw;
        top: 6.154vw;
        max-width: 61.538vw;
    }

    .mt-delivery-hero-title {
        font-size: 6.154vw;
        line-height: 7.308vw;
    }

    .mt-delivery-hero-subtitle {
        max-width: 61.538vw;
        font-size: 2.692vw;
        line-height: 4.038vw;
    }
}