@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: 'Carter One';
    src: url(../fonts/Carter_One/CarterOne.ttf);
}

@font-face {
    font-family: 'Amaranth';
    src: url(../fonts/Amaranth/Amaranth-Regular.ttf);
}

* {
    font-family: 'Open Sans', arial, serif;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html, body { font-family: 'Open Sans', arial, serif; font-size: 14px; height: 100%; padding: 0; margin: 0; }
body { padding-bottom: 30px; background: #F0F0F0; color: #000; }
body>div { margin: 0 auto; max-width: 850px; }
#footer .pure-menu .pure-menu-heading { text-transform: none; font-size: 80%; color: #666; }
#header { background: #F0F0F0; padding: 20px 0; }
#header>div { margin: 0 auto; width: 100%; text-align: center; }
#header a { text-decoration: none; color: inherit; }
h1 { font-family: 'Amaranth'; font-size: 200%; }
h2 { padding: 0 10px; font-family: 'Amaranth'; font-size: 150%; }
.content-wrapper { margin-bottom: 30px; }
.page { min-height: 100%; height: 100%; position: absolute; }
.baer { font-family: 'Carter One', cursive; font-size: 300%; color: #AA0303; }
.media { font-family: 'Carter One', cursive; font-size: 300%; }
.logo-img { max-width: 67%; }
.stripes {
    background-color: #026873;
    background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
    linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
    linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
    linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
    background-size: 13px, 29px, 37px, 53px;
}
.carbon {
    background:
        linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
        linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
        linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
        linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
        linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
        linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
}
.hidden { display: none; }
.center { text-align: center; }
.listfixer { display: block; float: left; width: 90px; }
a { color: #AA0303; }
.pure-g p, .pure-g h1, .pure-g form { padding: 0 10px; }
form input, form textarea { width: 100%; }

.pure-g, .pure-g [class *="pure-u"] {
  font-family: 'Open Sans', arial, serif;
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    margin-top: 10px;
    background-color: #AA0303;
    color: #fff;
}