*
{
    padding: 0;
    margin: 0;
}

#container
{
    height: auto;
    width: 100%;
    margin: 0 auto;
    max-width: 1020px;
    background-color: white;
}

header
{
    height: 100px;
    width: 100%;
    background-color: hwb(172 0% 0%);
    margin-bottom: 10px;
}

nav
{
    background-color: lab(6.58% 27.06 -41.5);
    margin-bottom: 10px;
}

aside
{
    width: 20.83%;
    height: 650px;
    padding: 1.04%;
    margin: 0 1.04% 1.04% 0;
    background-color: hsl(242, 96%, 38%);
    float: left;
}

section
{
    width: 73.96%;
    height: 650px;
    margin: 0 0 1.04% 0;
    padding: 1.04%;
    background-color: hsl(206, 100%, 50%);
    float: right;
}

footer
{
    height: 80px;
    width: 97.92%;
    background-color: blue;
    padding: 0px;
    clear: both;
}

body
{
    background-color: lab(44.02% 69.44 58.27);
    color: white;
    text-align: center;
    font-size: 1.5em;
    background-image: url(../photos/istockphoto-1343778073-612x612.jpg);
}

nav a:link
{
    color:white;
    text-decoration: none;
}

nav a:visited
{
    color:white;
}

nav a:hover
{
    text-decoration: underline;
}

#navigation-bar {
    list-style:none;
    padding-bottom: 50px;
}

nav li 
{
    display: inline;
    padding-right: 40px;
    padding-left: 40px;
}

#important
{
    font-size: 1.1em;
    text-decoration: underline;
}

h3
{
    text-align: center;
    padding-top: 60px;
}

#raven-img
{
    clear: both;
    width: 289px;
    height: 183px;
}

@media only screen and (max-width: 776px)
{
    #raven-img
    {
        width: 144px;
        height: 91px;
    }

    #container
    {
        min-width: 450px;
    }

    header
    {
        min-width: 450px;
    }
    nav li 
    {
        display: list-item;
        padding-right: 20px;
        padding-left: 20px;
        min-width: 450px;
    }

    aside
    {
        float: none;
        width: 98%;
        height: 100px;
        min-width: 450px;
    }

    section
    {
        float: none;
        width: 98%;
        height: 750px;
        min-width: 450px;
        
    }
    footer
    {
        width: 100%;
        height: 100px;
        min-width: 450px;
    }
}