body {
font-family: roboto;
font-size:normal;
color:black;
background-color:lightgrey;
}

h1 {
font-size: 40px;
}

h2 {
font-size: 40px;
color: orange;
}

h5 {
font-size: 40px;
}

.banner {
position: relative;
width: 100%;
margin: 0 auto;
}

.banner img {
width: 100%;
}

.heading {
color: grey;
position: absolute;
top: 15%;
width: 100%;
text-align: left;
left: 10%;
font-size: 5rem;
}

#top {
font-size:400%;
margin-top:30px;
margin-bottom:30px;
margin-left:15%;
}

#box {
background-color:white;
width:70%;
margin:auto;
padding-bottom:100px;
}

#navbox {
background-color:grey;
height:50px;
margin:0px;
width:100%;
}

#link {
background-color: grey;
height: 60px;
margin: 0px;
width: 20%;
}


#nav {
width:100%;
height:90px;
float:left;
margin:0px;
}

.nav {
line-height:35px;
list-style:none;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
margin:0px;
padding:0px;
}

.nav li {
float:left;
list-style-type:none;
margin:0px;
padding:0px;
width:16%;
}

.nav li a, .nav li a:link , .nav li a:visited  {
border-width:1px;
border-style:outset;
border-color:white;
color:white;
display:block;
padding-top:7px;
padding-bottom:7px;
margin-top:0px;
}

#header {
width:100%;
height:90px;
float:left;
margin:0px;
}

.header {
line-height:35px;
list-style:none;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
margin:0px;
padding:0px;
}

.header li {
float:left;
list-style-type:none;
margin:0px;
padding:0px;
width:100%;
}

.header li a, .header li a:link , .header li a:visited  {
border-width:1px;
border-style:outset;
border-color:white;
color:white;
display:block;
padding-top:7px;
padding-bottom:7px;
margin-top:0px;
}


span:hover {
color:black;
}

.main {
float: left;
margin: 0 auto;
}

.content {
font-size:40px;
float: center;
width: 50%;
margin: 0 auto;
}