body{
    margin: 0;
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Arial';
    color: #323232;
}

section{
}

img{
    width: 100%;
}

h1{
    font-size: 3em;
    font-weight: bolder;
    font-family: 'Arial Black';
    line-height:110%;
 
}

h2{
    font-size: 2.4em;
    font-weight:bold;
}

h3{
    font-size:1.7em;
    font-weight: normal;
    text-transform: uppercase;
}

h4{
    font-size:1.3em;
}

h5, h6{
    margin-top:.5em;
}

p, a{
    line-height: 160%;
    margin-top:.5em;
    font-weight:light;
    color: #484848;
}

h1, h2, h3, h4, h5, h6, p{
    margin-bottom:16px;
}

nav a{
    text-transform: uppercase;
    font-weight:bold;
    font-size:1em;
    text-decoration: none;
    margin-right:20px;
    color:#00CC66;
    margin-bottom:20px;
}

nav a:hover{
    color:#008F47;
}

nav{
    margin-top:10px;
}

ol, ul{
    line-height: 160%;
    font-size: 1em;
}

a{
    color:black;  
}

a:hover{
    color:#008F47;
}

footer{
    margin-top:50px;
    text-align:center;
    font-size:13px;
}

footer ul{
    list-style-type: none;
}

footer p{
    margin:0;
}

li img{
    width:120px;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p{
    font-size:13px;
}



@media (max-width: 820px) {
    body{
        margin: 0 10px;
    }
    


}

@media (max-width: 550px) {

    
    h1{
    font-size: 2.2em;
    }

    h2{
        font-size: 1.8em;
    }
    
    h3{
        font-size:1.5em;
    }
    
    h4{
        font-size:1.3em;
    }
}