body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.6rem;
    margin-bottom: 1.8rem;

    div.logo {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 20%;
    }

    div.logo > img {
        width: 125px;
        margin: 0.5rem 1.8rem;
    }

    div.logo > span {
        font-size: 0.8rem;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    div.intro {
        width: 60%;
        text-align: center;
    }

    div.void {
        width: 20%;
    }
}

main {
    margin: 0.5rem 0.8rem;

    p {
        text-align: justify;
        margin-bottom: 0.8rem;
    }

    small {
        font-weight: bold;
        font-size: 0.9rem;
        color: red;
    }
}

footer {

    padding: 0.8rem 0rem;

    h5 {
        width: 100%;
        text-align: center;
        font-size: medium;
    }
}