code,
pre {
     font-size: 13px;
}

pre {
     tab-size: 3;
}

.content {
    margin: 0 auto;
    max-width: 980px;
    border-left: 1px solid;
    border-right: 1px solid;
    padding: 0.5em;
}

.heading {
    height: 155px;
    padding: 0 0 0.5em 0;
}

.title-image {
    width: 80%;
}

.slogan-box {
    position: relative;
    height: 100%;
}

.slogan {
    font-size: 26px;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Times serif;
}

.left {
    margin: 0.5em 0.25em 0 0;
    padding: 0.5em;
}

.right {
    margin: 0.5em 0 0 0.25em;
    padding: 0.5em;
}

.feature h3 {
    text-align: center;
}

.footer {
    padding: 1.5em 0 0 0;
    font-size: small;
    text-align: center;
}

.pure-g h2,
.pure-g h3 {
    margin-bottom: 0;
}

li {
    margin: 0 0 0.5em 0;
}

li p {
    margin: 0 0.5em 0.5em 0;
}

li h4 {
    margin: 0.5em 0 0.25em 0;
}

hr {
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 0;
    margin: 0.5em 0 0 0;
}

a {
    text-decoration: none;
}

.custom-menu-wrapper {
    margin-bottom: 2.5em;
    white-space: nowrap;
    position: relative;
}

.custom-menu {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.custom-menu-toggle {
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    top: -10em;
    right: 0;
    display: none;
}

.custom-menu-toggle .bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 22px;
    right: 12px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-menu-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.custom-menu-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-menu-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 62em) {
    .custom-menu {
        display: block;
    }

    .custom-menu-toggle {
        display: block;
        display: none\9;
    }

    .custom-menu-bottom {
        position: absolute;
        width: 100%;
        z-index: 100;
    }

    .custom-menu-bottom .pure-menu-link {
        opacity: 1;
    }

    .custom-menu-bottom.custom-menu-tucked .pure-menu-link {
        opacity: 0;
    }

    .pure-menu-horizontal.custom-menu-tucked {
        z-index: -1;
        top: 45px;
        position: absolute;
        overflow: hidden;
    }
}