*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #003B01;
}

html {
    font-size: 16px;
    line-height: 1.6;
    font-family: Helvetica, Arial, sans-serif;
}

html, body {
    background-color: #003B01;;
}

h1 {
    font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
    font-size: 3.998rem;
    padding: 1rem 2rem;
}

h2 {
    font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
    font-size: 2.827rem;
    padding: 1rem 2rem;
}

nav ul {
    padding: 1rem 0;
}

nav li {
    font-size: 1.999rem;
    list-style-type: none;
}

nav li>a {
    display: block;
    text-decoration: none;
    border-bottom: 0.2rem solid #143611;
    padding: 0.2rem 2rem;
    color: #0FBF11;
}

nav li>a:hover,
nav li>a:active {
    color: #003B01;
}

p {
    font-size: 1.414rem;
    padding: 0.5rem 2rem;
}

main p:last-child {
    padding-bottom: 4rem;
}

.wrapper {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #88CC8A;
}

header {
    width: 100%;
    border-bottom: 1rem solid #0FBF11;
}

nav {
    float: left;
    width: 38.2%;
}

main {
    float: right;
    width: 61.8%;
}

footer {
    clear: both;
    width: 100%;
    border-top: 0.5rem solid #0FBF11;
}

footer p {
    font-size: 1rem;
    padding: 2rem;
    color: #003B01;
}