body {
    font-family: Georgia, serif;
}

h1 {
    color: black;
    font-size: 100%;
    text-align: center;
}

h2 {
    color: yellowgreen;
    font-size: 150%;
    text-align: left;
    margin-left: 10%;
}

.wrapper {
    width: 80%;
    margin: 5px auto;
    border: solid 2px black;
    margin-bottom: 100px;
}

#title {
    width: 100%;
    color: black;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;
}

#navigation {
    width: 100%;
    text-align: center;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}

#all-content {
    width: 100%;
    height: 180px;
}

#main-content {
    width: 59%;
    height: 65%;
    float: left;
    text-align: center;
    border-right: solid 2px black;
    padding-top: 4em;
}

#subtitle {
    width: 40%;
    float: left;
    text-align: center;
    padding-top: 4em;
}

#footer {
    width: 100%;
    border-top: solid 2px black;
}

#wrapper2 {
    width: 80%;
    margin: 5px auto;
    border: solid 2px black;
}

#navigation2 {
    width: 33%;
    height: 65%;
    float: left;
    text-align: center;
    padding-top: 4em;
    border-right: solid 2px black;
}

#main-content2 {
    width: 33%;
    height: 65%;
    float: left;
    text-align: center;
    padding-top: 4em;
    border-right: solid 2px black;
}

#subtitle2 {
    width: 33%;
    height: 65%;
    float: left;
    text-align: center;
    padding-top: 4em;
}