/* ----- desktop only */
@media only screen and (min-width: 992px) {
    body {
        min-height: 0vw;
        /* font-size: 1.1111111111111112vw;  1440px */
        font-size: 1.0582010582010584vw; /* 1512px*/
    }

    [data-hide='d'] {
        display: none;
    }
}

/* ----- tablet */
@media only screen and (max-width: 991px) {
    body {
        /* font-size: 0.6881944444444444rem;  1440px */
        font-size: 1rem; /* 1512px */
    }

    :root {
        /* padding */
        --padding--container: 6vw;
    }

    /* hide objects on tablet and below */
    [data-hide='t'] {
        display: none;
    }
}

/* ----- mobile landscape */
@media screen and (max-width: 767px) {
    /* hide objects on mobile landscape and below */
    [data-hide='ml'] {
        display: none;
    }
}

/* ----- mobile */
@media screen and (max-width: 497px) {
    /* hide objects on mobile and below */
    [data-hide='m'] {
        display: none;
    }
}

@media screen and (min-width: 2560px) {
    body {
        font-size: 27.089947089947096px;
    }
}