@font-face {
    font-family: 'Favorit Std';
    src: url('../fonts/FavoritStd-Light.woff2') format('woff2'),
    url('../fonts/FavoritStd-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Favorit Std';
    src: url('../fonts/FavoritStd-Book.woff2') format('woff2'),
    url('../fonts/FavoritStd-Book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Favorit Std';
    src: url('../fonts/FavoritStd-Medium.woff2') format('woff2'),
    url('../fonts/FavoritStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: "Favorit Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 1.4;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 200;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    text-rendering: optimizelegibility;
    font-weight: 500;
}

h1, .h1 {
    font-size: 1.375rem;
    height: 2rem;
    margin: 0 0 0.625rem;
}

h2, .h2 {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0.625rem 0;
    height: 1.5rem;
}

.cf::before,
.cf::after {
    content: " ";
    display: table;
}

.cf::after {
    clear: both;
}

.columns > div {
    width: calc(50% - 0.25rem);
    float: left;
}

.columns > div:not(:nth-of-type(2n)) {
    margin-right: 0.5rem;
}

.columns > div > div{
    width: 100% !important;
}

@media only screen and (min-width: 768px) {
    .columns > div {
        width: calc(25% - 0.75rem);
    }

    .columns > div:not(:last-of-type) {
        margin-right: 1rem;
    }
}