h1 {

text-transform: uppercase;
font-weight: 700;
text-rendering: optimizeLegibility;
color: $primary;
text-align: center;
font-size: 2.5em;
letter-spacing: -1px;
padding: 0.5em;

}

h2, h2, h3 a {

font-weight: 700;
font-size: 1.4em;
line-height: 1.4em;
color: $primary;

}

} body {

font-size: 16px;
color: $base-white;
font-family: 'Jost',Arial,sans-serif;
-webkit-font-smoothing: antialiased;

} main {

.content-container {
    margin: 0px auto;
    max-width: 960px;
    width: 90%;
    padding: 0px 18px 24px;
    flex-grow: 1;
    position: relative;
    p {
        @include hyperlink-convention();
    }
    .content-separator {
        margin: $gap auto;
        &:last-child {
            margin: $gap auto 0 auto;
        }
    }
}

} a {

text-decoration-line: none;
color: inherit;

}

a, p, li {

font-size: 1.1em;

}

@include mobile {

body {
    font-size: 15px;
}
h1 {
    font-size: 2em;
}
main {
    .content-container {
        width: 100%;
        padding: 0px 9px 12px;
    }
}

}