* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-size: 21px;
    font-weight: 400;
}

body {
    font-family: fell, Georgia, Cambria, "Times New Roman", Times, serif;
    letter-spacing: -0.063px;
    line-height: 33.18px;
    text-rendering: optimizeLegibility;
    margin-bottom: 32px;
    color: #292929;
}

p + p {
    margin-top: 16px;
}

h1 {
    font-size: 32px;
    font-weight: 700;
}

h2 {
    font-size: 24px;
    font-weight: 700;
}

h3 {
    margin-top: 16px;
    font-weight: 700;
}

.h2-sep {
    display: flex;
    margin: 24px 0 8px;
    width: 224px;
    height: 6px;
    background-color: #acec62;
}

ul {
    list-style-type: none;
}

ol > li {
    margin: 16px;
    line-height: 28px;
}

/*
a92420
d1913e
135390
0e3160
*/

#banner {
    width: 100%;
    background: white;
    background-position: center center;
    background-repeat: no-repeat;
}

.main {
    margin: 16px;
    margin-right: 224px;
}

.main img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

#index {
    width: 224px;
    float: right;
    text-align: right;
    overflow-x: hidden;
    line-height: 18px;
}

#index a:hover {
    background-color:#acec62;
}

#index.hamburg-on {
    display: block;
    z-index: 1;
    background-color: white;

    position: absolute;
    top: 64px;
    right: 0px;

    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    transition: opacity 0.6s ease 500ms;
}

#index h4 {
    padding: 6px 8px 6px 16px;
    font-size: 18px;
}

#index a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 18px;
    color: #818181;
    display: block;
}

#index a + #index a {
    margin-top: 16px;
}

#index hr {
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.smallcaps {
    font-variant: small-caps;
}

.img-right {
    float: right;
    padding: 16px 0px 16px 16px;
}

.img-left {
    float: left;
    padding: 16px 16px 16px 0px;
}

#footer {
    margin-top: 32px;
    font-size: 22px;
}

#footer .prev {
    float: left;
    margin-left: 16px;
}

#footer .next {
    float: right;
    margin-right: 16px;
}

.gps-table {
    height: 6px;
    border-bottom: 6px solid #acec62;
}

.gps-table th + th {
    padding-left: 24px;
}

.gps-table .full-row {
    border-top: 6px solid #acec62;
    text-align: center;
}

.gps-table .left {
    text-align: left;
}

.gps-table .right {
    text-align: right;
}

.narrow-only {
    display: none;
}

#hamburger-helper {
    position: absolute;
    top: 16px;
    right: 16px;

    cursor: pointer;
}

#hamburg-bar-1, #hamburg-bar-2, #hamburg-bar-3 {
    width: 36px;
    height: 4px;
    background-color: white;
    margin: 6px 0;
    border-radius: 2px;
}

.change #hamburg-bar-1 {
    transform: rotate(-45deg) translate(-7px, 6px) ;
    transition: ease 500ms;
}

.change #hamburg-bar-2 {
    opacity: 0;
    transition: ease 500ms;
}
  
.change #hamburg-bar-3 {
    transform: rotate(45deg) translate(-8px, -8px) ;
    transition: ease 500ms;
}

@media (max-width: 772px) {
    .main {
        margin-right: 16px;
    }

    .narrow-only {
        display: block;
    }

    .wide-only {
        display: none;
    }
}

@media (min-width: 1072px) {
    .sidebar {
        width: 50%;
        float: right;
        background-color:#acec62;
        border-radius: 8px;
        padding: 8px;
        margin: 8px 0px 8px 8px;
    }

    .sidebar > h2 {
        margin-top: 0px;
    }

    .sidebar > .h2-sep {
        display: none;
    }
    
    .sidebar > h3 {
        margin-top: 0px;
    }
}