.hub {
    --FONT-CLARINS: "Kanit Light", "ClarinsRegular", "Clarins", "Kanit Light";
    --FONT-GOTHAM-LIGHT: "Kanit Light", "Gotham_Light", "Kanit Light";
    --FONT-GOTHAM-BOOK: "Kanit Light", "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light";
    --FONT-GOTHAM-MEDIUM: "Kanit Light","Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", "Kanit Light", Helvetica, Arial, sans-serif, "Kanit Light";
    font-family: var(--FONT-GOTHAM-BOOK);
}
body, html { overflow-x: clip !important; }


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}
@media (max-width: 480px) {
    .hub-header__title {
        white-space: unset;
    }
    .hub-header {
        padding: 21px;
        margin-bottom: 2em;
    }
}