body{
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    background-color:#f2f2f2;
}

/* ID Selector */

#header{
    background-color:#003366;
    padding:20px;
    overflow:hidden;
}

#footer{
    background-color:#003366;
    color:white;
    text-align:center;
    padding:15px;
    margin-top:20px;
}

/* Class Selectors */

.logo{
    float:left;
    width:150px;
}

.hero{
    text-align:center;
    padding:30px;
    background-color:white;
    margin:20px;
}

.box{
    background:white;
    padding:15px;
    margin:20px;
    border:1px solid lightgrey;
}

/* Navigation */

nav{
    float:right;
}

nav ul{
    list-style:none;
    margin:0;
    padding:0;
}

nav li{
    display:inline-block;
    margin-left:15px;
}

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

nav a:hover{
    color:gold;
}

/* Image */

.main-image{
    display:block;
    width:80%;
    margin:20px auto;
}