:root {
    --font-size-1: 40px;
    --font-size-2: 30px;
    --font-size-3: 27px;
    --font-size-4: 25px;
    --font-size-5: 23px;
    --font-size-6: 20px;
    --font-size-7: 18px;
    --font-size-t: 16px;
    --font-size-s: 14px;
    --row-gap: 100px;
    --side-gap: 100px;
    --inner-row-gap: 35px;
    --inner-side-gap: 35px;
    --inner-large-row-gap: 50px;
    --inner-large-side-gap: 50px;
    --map-height: 400px;
    --home-banner-size: auto;
    --banner-mini-title: 1.058vw;
    --banner-title: 3.125vw;
}

@media only screen and (max-width:999.98px) {
    :root {
        --banner-mini-title: 1.6vw;
        --banner-title: 5.455vw;
    }
}

@media only screen and (max-width:767.98px) {
    :root {
        --font-size-1: 30px;
        --font-size-2: 27px;
        --font-size-3: 25px;
        --font-size-4: 23px;
        --font-size-5: 20px;
        --font-size-6: 18px;
        --font-size-7: 18px;
        --row-gap: 70px;
        --side-gap: 15px;
        --inner-row-gap: 25px;
        --inner-side-gap: 15px;
        --inner-large-row-gap: 35px;
        --inner-large-side-gap: 15px;
        --map-height: 300px;
        --banner-mini-title: 2.083vw;
        --banner-title: 7.102vw;
    }
}

@media only screen and (max-width:449.98px) {
    :root {
        --banner-mini-title: 3.556vw;
    }
}