/* Styles for tablets */
@media (min-width: 601px) and (max-width: 900px) {
    /* Countdown */
    .time {
        margin-top: max(calc(var(--vh, 1vh) * 31), 235px);
        height: 56px;
    }

    .time span:nth-child(odd) {
        font-size: var(--font_xl);
    }
    .time span:nth-child(even) {
        font-size: var(--font_m);
    }







    .left {
        height: max(calc(var(--vh, 1vh) * 6), 36px);
    }

    .left h2 {
        font-size: var(--font_xl);
    }







    /* Banner why have to update */
    .banner p {
        padding: 5% 10% 0;
    }






    /* Main body with information */
    #information {
        width: 90%;
    }
}