header > img {
    max-width: 75%;
    display: block;
    margin: 0 auto;
}

body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


nav {
    font-size: 1.4em;
    padding: 0px 20px;
}

header {
    width: 1400px;
}

nav, footer {
    margin: 10px;
    flex-basis: 500px;
    flex-grow: 1;
}

p {
    margin: 15px;
    line-height: 1.5em;
}

cite{
    max-width:60%
}


blockquote {
    height: 150px;
    max-width: 100%;
    font-size:1.3em;
    border-radius: 25px 25px 25px
}


/* Mobile Devices */
@media only screen and (max-width: 480px) {
    nav > ul > li {
        line-height: 1.6em;
        text-align: left;
    }

    table {
        max-width: 30%;
    }

    h1, h2 {
        max-width:100%;
        text-align: center;
        font-size: 1.7em;
    }
}

/* Desktop */
@media only screen and (min-width: 481px) {
    nav > ul {
        display: flex;
        flex-direction: row nowrap;
    }

    nav > ul > li {
        flex-grow: 1;
        text-align: center;
    }
}