body {
font-size: 1.1rem;
font-family: Arial;
width: 100vw;
}

div.header {
width: 100vw;
margin: 0;
background-color: #E3E3E3;
color: #3D3B3B;
margin-top: 0px;
float: none;
}

div.nav {
padding-right: 10%;
width: 100vw;
left: 0;
top: 0;
background-color: inherit;
min-height: 70px;
float: none;
}

a {
text-decoration: none;
color: green;
font-weight: bold;
}

a:hover {
text-decoration:none;
color: blue;
font-weight: bold;
}

ul {
overflow: hidden;
margin-left: 10px;
margin-right: 10px;
}

ul li {
list-style-type: none;
float: right;
padding: 3px;
}

ul li a {
display: block;
text-align: center;
text-decoration: none;
}

h1 {
font-size: 2rem;
}

h2 {
font-size: 1.7
}

h3 {
font-size: 1.5rem;
}

h4 {
font-size: 1.3rem;
font-weight: bold;
}

h5 {
font-size: 1.2rem;
}


.basic {
margin-left: 30px;
margin-right: 30px;
padding-left: 10px;
padding-right: 10px;
background-color: #FFFFFF;
color: #1F1F1F;

}

footer {
bottom: 0;
position: fixed;
width: 100%;
min-height: 10vh;
background-color: #333333;
color: #E0E0E0;
font-size: 0.8rem;
left: 0;
}

footer p.c {
text-align: center;
padding-top:15px;
}