/* font things */

@font-face {
    font-family: LeagueSpartan;
    src: url(../fonts/LeagueSpartan-Bold.woff);
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Regular.woff);
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Italic.woff);
    font-style: italic;
}

.wf-loading {
    font-family: "droid-sans";
    visibility: hidden;
}

/* ############## */

/* html {
    background-color: #000;
} */



body {
    background-color: #222;
    color: white;
    margin: 0px;
    padding: 0px;

}

.page {
    max-width: 800px;
    min-width: 320px;
    margin-top: 40px;
    margin: auto;
    
    font-family: 'Merriweather', serif;
    font-size: 14px;
    line-height: 1.5em;

    background: linear-gradient(to bottom, rgba(32,32,32,0.6) 0%, rgba(32,32,32,0.6) 96%, rgba(32,32,32,0) 100%);
}

footer {
    max-width: 800px;
    min-width: 320px;
    margin-top: 40px;
    padding-bottom: 0px;
    margin: auto;
}

footer img {
    margin-bottom: 15px;
}

.clear {
    line-height: 1px;
    clear: both;
}

/* #######################MENU#################### */

.header hr {
    border: none;
    height: 3px;
    background-color: #fff;
    margin: 2px 0px 0px 0px;
    width: 100%;    
}

.menu{
    display: table;
    width: 100%;
    color: #ffffff;
    font-family: LeagueSpartan, sans-serif;
    text-transform: uppercase;
}
.menu-row{
    display: table-row;
    width: 100%;
}

.cell{
    display: table-cell;
}

.cellhome {
    display: table-cell;
}

.cellbar {
    display: table-cell; 
}

#block {
    display: block;
    margin: auto;
    background-color: #fff;
}

.cellli{
    text-align: center;
    display: block;    
}

.header a{
    text-decoration: none;
}

.cell a:hover{
    color: #6ca8ff;
    text-decoration: none;
}

/* #######################CONTENT#################### */

p {
    text-align: justify;

}

h1 {
    color: #ffffff;
    font-family: LeagueSpartan, sans-serif;
    font-size: 20px;
    margin-bottom: 0.25em;
}

h2 {
    color: #ffffff;
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 0px;
    font-style: italic; 
 }

h3 {
    color: #ffffff;
    font-family: LeagueSpartan, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
}

h4 {
    color: #ffffff;
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 12px;
    margin: 0px 0px 4px 0px;
}

h6 {
    color: #666666;
    margin: 10px 0px 10px 0px;
}

a {
    color: #6ca8ff;
    text-decoration: none;
    font-weight: 600;
}

a:hover {
    color: #315fb1;
    text-decoration: none;
}