h1 {
    font-family: 'Abel', sans-serif;
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.4em;
}

hr.highlight {
    max-width: 600px;
    height: 8px;
    background: #87CEEB;
    border: 0px;
    margin-bottom: 1.4em;
}

.paragraph {
    font-family: 'Open Sans', sans-serif;
    max-width: 800px;
    margin: 1em auto 1em auto;
    text-align: justify;
}

.paragraph li {
    margin-top: 0.8em;
}

.footer {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: smaller;
    text-align: center;
    max-width: 600px;
    margin: 3em auto 1em auto;
}

a, a:active, a:hover, a:visited {
    color: black;
}

@media (max-device-width: 832px) {
    .paragraph {
        max-width: initial;
        margin: 2em;
    }

    .footer {
        max-width: initial;
        margin: 4em 2em 4em 2em;
    }

    .footer span {
        display: block;
    }
}