body {
    margin: 2rem;
    font-family: "Helvetica", sans-serif, Arial;
    font-size: 16px;
    display: flex;
    flex-direction: column;
}

header, footer {
    font-size: 1.3rem;
}

a:link, a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #F9F;
}

div.content {
    margin: 2rem 0;
}

div.content.text {
    width: 30%;
}

footer ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
}

footer ul li {
    margin-bottom: 0;
}

/* Small screens */
@media all and (max-width: 1800px) {

    div.content.text {
        width: 70%;
    }
}

/* Small screens */
@media all and (max-width: 700px) {

    div.content.text {
        width: 100%;
    }
}