.fr-content-box {
    padding: 10px 0px 10px 10px;
}


h1, h2 {
    margin: 0.25em 10px 0.25em 0px; 
    font-weight: bold; 
    background-color: #DDF;
    padding: 2px 8px 2px 8px; 
}

h1 {
    font-size: 120%;
}

h2 {
    font-size: 100%;
}

.fr-grid-unit {
    margin: 0em 0 0.25em 8px;
}

.fr-grid-unit-header {
    margin: 0 0 0.0em 0;
    font-weight: bold;
}

.fr-grid-unit-content {
    font-size: 100%;
}

html, body,
.pure-g [class *= "pure-u"] {
    font-family: 'PT Sans', sans-serif;
}

body {
    padding: 0;
    margin: 0;
    color: #FFF;
    background-color: #028;
}

.landing {
    display: block;
    margin: 0 auto;
    float: none;
    text-align: center;
}

.landing-logo {
    padding: 1em;
    margin: 1em;
    border-style: solid;
    border-width: 1px;
}

.landing-text {
    max-width: 50em;
    margin: 0 auto;
}

.landing-about {
    margin: 2em 0 0 0 ;
}

a:link, a:visited, a:hover, a:active {
    color: #FFF;
}

h1.landing {
    color: #FFF;
    background-color: #028;
    margin: 1.0em 
}