@font-face {
    font-family: 'concourse_c3';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_c3_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'concourse_c3';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_c4_regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'concourse_t3';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_t3_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'concourse_t3';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_t3_italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'concourse_t3';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_t3_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'concourse_t3';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_t3_bold_italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'concourse_t4';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_t4_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'concourse_t4';
    src: url('//d2uzvmey2c90kn.cloudfront.net/fonts/concourse_t4_italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
    font-family: concourse_t3, Helvetica, sans-serif;
}

body {
    color: #cccccc;
    font-size: 17px;
    max-width: 680px;
    margin: 0 auto;
    padding: 0px 16px;
    background-color: #0e0f15;
    overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, .title { font-family: concourse_t4, Helvetica, sans-serif; font-weight: normal; }

h2 { margin-top: 1.5em; }

a {
    color: #ff5335;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a { text-decoration: none; }

/*column*/
 .col-md-8 {width: 80%}
 .col-md-offset-1 {margin-left: 10%}
 .col-md-10 {width: 100%;}
.alert { text-align: center !important; }

.nav a {
    text-decoration: none;
    display: inline-block;
}

.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both !important; }
.inlineblock { display: inline-block !important; }
.margintop0 { margin-top: 0 !important; }
.margintop05 { margin-top: 0.5em !important; }
.margintop1 { margin-top: 1em !important; }
.marginbottom0 { margin-bottom: 0 !important; }
.marginbottom05 { margin-bottom: 0.5em !important; }
.marginbottom1 { margin-bottom: 1em !important; }

.nav a.right {
    margin: 0 0 0 1em;
}

.nav {
    padding: 1em 0 0.5em 0;
    margin-bottom: 1em;
    border-bottom: 1px solid #358389;
}
.title.title1 {margin: 0.5em 0; color: #ffffff}
.title.title2 {font-size: 16px; color: #ff5335}
.footer {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 44px;
    max-width: 500px;
    margin: 0 auto;
    border-top: 1px solid #272328;
    margin-top: 30px;
}
.footer, .lighttext { color: #777; }
.footer a { color: #aaa; text-decoration: underline; }
.art {
    width: calc(100% - 2px);
}
.centertext { text-align: center; }


.fullart_container {
	position: relative;
	width: 100%;
}

@media (max-width: 480px) {

.col-md-8 {width: 100%}
 .col-md-offset-1 {margin-left: 0%}

 }

@media (max-width: 360px) { }
@media (min-width: 361px) {}
/* Frontpage */
.logobox img.logo { max-width: 100%; }
.logobox h1 { margin: -12px auto; }