/*media queries*/
@media only screen and (min-width: 768px) {
img { width: 10%; } }

@media only screen and (min-width: 480px) {
img { width: 10%; } }


body{
font-family: "Inria Serif";
}

/*logo*/
img{
width: 5%;
height: 30%;
}

/*navigation styling*/
nav a {
padding-right: 10%;
color: #073319;
float: right;
text-decoration: none;
font-size: 1.50em;
clear: both;
}

nav ul li{
list-style-type: none;
}

/*header*/
header{
font-size: 1em;    
padding-left: 40%;
font-style: italic;
color: #073319;    
}

/*footer*/
footer{
font-size: 0.9em;    
font-style: italic;
padding-left: 40%;    
bottom: auto;
}

/*maincontent*/
p{
font-family: "Inria Sans";
font-size: 1.25em;
color: black;
}

.heading1{
padding-top: 2%;
font-size: 4em;
}

.heading2{
padding-top: 7%;    
font-size: 3em;
color: #073319;
}

.heading3{
font-size: 2.5em;
color: #073319;
}

.maincontent{
margin: 10%;
padding-left: 5%;
padding-right: 5%;  
clear: both;    
}