h1 {

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

}

h2, h3 a {

font-weight: 500;
font-size: 1.4em;
line-height: 1.4em;
color: $black;

}

} body {

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

} main {

.content-container {
    margin: 3.5em auto 0 0;
    width: 90%;
    padding: 0px 18px 24px;
    flex-grow: 1;
    position: relative;
    p, li {
        @include hyperlink-convention();
    }
    .content-separator {
        margin: $gap auto;
        color: $p_text;
        width: 100%;
        &:last-child {
            margin: $gap auto 0 auto;
        }
    }
    fieldset {
        border: none;
        padding: 0;
        margin-bottom: 1em;
    }
}

.pager {
    margin-top: 40px;
    height: 60px;
    width: 100%;
    li {
        position: absolute;
        display: inline;
        padding: 8px;
        margin: 10px;
        &.previous {
            left: 0;
        }
        &.next {
            right: 0;
        }
        & > a {
            color: $p_text;
            @include underline-on-hover($black);
        }
    }
}

}

a {

text-decoration-line: none;
color: inherit;
transition: all 0.4s ease-in-out 0s;

} a, p, li {

font-size: 1.1em;

}

li {

margin-left: 1em;

}

hr {

margin-top: 2em;
margin-bottom: 0.5em;
width: 100%;

}

img {

max-width: 100%;
height: auto;
display: inline-block;
margin: 0;
vertical-align: top;
object-fit: cover;

}

@include mobile {

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

}

audio {

max-width: 100%;

}

.read-more {

position: absolute;
right: 10px;
bottom: -2em;
line-height: 1em;
font-weight: 300;
padding-bottom: 0.5em;
color: #000000;
a {
    font-size: 0.9em;
    @include underline-on-hover($black);
}

}