body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
}

footer {
    margin-top: 6em;
    border-top: 1px solid white;
    font-size: 0.8em;
}
.about {
    padding: 34px;
}

.about .content {
    position: relative;
    top: -2em;
}

.about .content a {
    color: #008294;
    text-decoration: none;
}

.about .content a:hover {
    text-decoration: underline;
}

.about .content footer a {
    display: inline-block;
    margin: 0.5em;
}

.about .content h1,
.about .content h2 {
    color: #086876;
    width: 100%;
    font-variant-caps: small-caps;
    padding: 0.4em 0.2em;
}

.about .content h1 {
    font-size: 4em;
    width: 100%;
}

.about .content h2 {
    font-size: 3em;
    padding: 0.4em 0;
}

.about .logo {
    position: relative;
    right: -28px;
    width: 324px;
    background: #fff url("../images/diatomic-logo.fcbf5e31b6fa.png") no-repeat 6px 6px;
    height: 221px;
    display: block;
    top: -20px;
    float: right;
    background-size: auto;
}

.about p,
.about ul {
    font-size: 1.7em;
    margin-bottom: 2em;
    line-height: 1.3em;
}

.about .highlight {
    color: white;
}