.fn-title,
.other-nav,
.h0,
.horizon-content,
.in-content {
    max-width: 950px;
}

@media (min-width: 1150px) and (max-width: 1450px) {

    .fn-title,
    .other-nav,
    .h0,
    .horizon-content,
    .in-content {
        max-width: 1100px;
    }
}

@media (min-width: 1450px) {

    .fn-title,
    .other-nav,
    .h0,
    .horizon-content,
    .in-content {
        max-width: 1200px;
    }
}

@media (min-width: 1000px) {

    .small-content {
        box-sizing: border-box;
        justify-content: space-evenly;
        gap: 12px;
        padding: 12px 0;
    }

    .small-content>.clock-container {
        margin: 0;
    }

    .small-content>.time-controls {
        gap: 4px;
    }

    .small-content>.time-controls>.t-button {
        margin-top: 20px;
    }

    .small-content h2 {
        font-size: 1.2rem;
    }

    .small-content .digitalClock {
        font-size: 2.2rem;
    }

    .small-content .digitalDate {
        font-size: 1.6rem;
    }
}

@media (min-width: 1600px) {

    .fn-title,
    .other-nav,
    .h0,
    .horizon-content,
    .in-content {
        max-width: 1500px;
    }

}