@charset "utf-8";
/*****************************
Colours
main background: #222;
content background:#444;
footer background: #333;
borders on header and main: #666;
main text: #d4d4d4;
header text: #eee;
footer text: #999;
anchor text: gold;
anchor hover: #fff;
text shadows - #000 (bottom right) and gold (top left)

Fonts
'Helvetica Neue', Calibri, Verdana, sans-serif;

Images
http://griffis.edumedia.ca/mad9013/html-only/saturn.v1.jpg
******************************/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body{
    font-size: 3vh; /* default font-size = 1.0rem */
    background-color: #222;
    color: #fff;
    
    
    
}
h1{
    padding: 100px;
    font-size: 3rem;
    font-family: 'Helvetica Neue', Calibri, Verdana, sans-serif;
    text-shadow: 5px 5px 2px #000, -1px -1px 1px gold;
}
h3{
    font-family: 'Helvetica Neue', Calibri, Verdana, sans-serif;
    padding-bottom: 25px;
    padding-top: 100px;
    padding-left: 25px;
    text-align: left;
    font-size: 2rem;
    
}
p{
    font-family: 'Helvetica Neue', Calibri, Verdana, sans-serif;
    font-size: 24px;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}
nav a, nav a:link, nav a:visited{
    color: gold;
    font-size: 25px;

}
nav a:hover, nav a:active{
    list-style-type: none;
    color: #fff;

}
nav ul{
    list-style-type: none;
}
nav li{
    list-style: none;
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px;
    background-color: #444;
    border-top: 8px solid #666;
    border-bottom: 10px solid #666;
     
    
}

nav li a {
    text-decoration: none; 
}

#wrapper{
    max-width: 850px;
    margin: 0 auto;
}
#masthead{
    height: 300px;
    background-image: url("img/saturn.v1.jpg");
    background-size: cover;
    color: #eee;
    border: #666;

}
#main{
    background-color: #444;
    color: #d4d4d4;
    border: #666;
}
#footer{
    height: 100px;
    margin: 0 auto;
    background-color: #333;
    border-bottom: 0px solid #999;
    color: #999;
}
#footer p{
     padding-bottom: 25px; 
}
#footer a{
    color:gold;
   
}