h1, h2, h3, h4, .navbar-brand {
	font-family: "Sylfaen", serif;
}
body.bg-dark {
	background-color: black;
}
@media (min-width: 992px) {
	.page-not-footer {
		width: 992px;
	}
	body.bg-dark {
		background-color: hsl(280, 57%, 4%)!important;
		/*background-attachment: fixed;
		background-image: repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
		repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
		repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);*/
		background-attachment: fixed;
		background-image: repeating-linear-gradient(-45deg, transparent 0 5px, black 5px 10px);
	}
	footer {
		height: 100px;
	}
}
.bg-dark {
	background-color: black!important;
}
.page-not-footer {
	position: relative;
}
main {
	padding: 20px 2% 70px;
}

/* Header */
.page-header {
	height: 210px;
	margin-top: 0px;
}
@media (min-width: 400px) {
	.page-header h1 {
		font-size: 70px!important;
		float: none!important;
		padding-left: 140px;
		position: absolute;
		width: auto!important;
		background-position: 20px 10px;
		height: 210px;
	}
}
.page-header h1 {
	width: 100%;
	height: 220px;
	background-size: 180px auto;
	background-repeat: no-repeat;
	background-image: url(../images/logo-3-no-text.png);
	font-size: 17.5vw;
	float: right;
	text-transform: lowercase;
	text-align: right;
}
.page-header h1 small {
	font-size: 0.4em;
	display: block;
}
.page-header h1 span:first-child, .navbar-brand span:first-child {
	color: #ffea19;
}
.page-header h1 span, .page-header h1 small, .navbar-brand span {
	color: #b41b00;
}
.navbar-brand span {
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color;
    transition-property: color;
}
.page-header-slideshow {
	display: none;
}
@media (min-width: 992px) {
.page-header-slideshow {
	height: 266px;
	width: 100%;
	position: absolute;
	right:0;
	bottom: 0;
	display: block;
	opacity: 1;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
}
[data-slides] {
	width: 100%;
	height: 100%;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
    -webkit-transition-property: background-image;
    transition-property: background-image;
}

/* Navbar */
nav.navbar {
	border-bottom: 2px solid #b41b00;
	margin-bottom: 10px;
	padding: 4px 1rem;
}
nav.navbar * {
	z-index: 20000;
}
.shadow-lg {
	box-shadow: 0 0.5rem 2rem rgba(0,0,0,1)!important
}
.navbar-nav {
	text-transform: uppercase;
	font-size: 0.9em;
}
.navbar-brand {
	font-size: 25px;
	opacity: 0.4;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
	margin-right: .5rem;
	margin-left: .25rem;
	padding: 0 0 3px;
}
.navbar-at-top .navbar-brand, .navbar-brand:hover {
	opacity: 1;
}
.navbar-brand:hover span {
	color:white!important;
}
.navbar-at-top .page-header-slideshow {
	opacity: 0;
}

/* Content Layout */
main {
	text-align:justify;
}
.row {
	margin: 0;
}
div.youtube {
	padding-top: 56.25%;
	position: relative;
}
div.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
hr {
	background-color: #222;
	padding: 1px;
	margin: 40px 0;
}
blockquote {
	position: relative;
	margin: 50px 50px;
	font-style: italic;
}
blockquote:before, blockquote:after {
    content: "\f10d";
    font-family: 'FontAwesome';
    font-style: italic;
    font-size: 1.5em;
    color: #222;
    position: absolute;
    left: -50px;
    top: 0;
}
blockquote:after {
    content: "\f10e";
	left: auto;
    right: -50px;
}
.blockquote-footer {
	text-align: right;
}
blockquote .blockquote-footer a {
	color: #bbb;
}
.facebook {
	text-align: right;
}
.facebook > div {
	display: inline-block;
}
.img-hover-pop img {
	z-index: -1;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.img-hover-pop img:hover {
	transform: scale(1.1) rotate(2deg);
}
h2 {
	text-align: center;
	margin: 0 0 30px; 
}
h3 {
	text-align: center;
	border-bottom: 2px solid #333;
	padding-bottom: 15px;
	margin: 30px 0 30px; 
}
h4 small {
	font-style: italic;
}
.firecrest, .firecrest span {
	font-style: italic;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-property: color text-shadow;
        transition-property: color text-shadow;
}
.firecrest:hover {
	color: #ffea19;
	text-shadow: 0 0 5px;
}
.firecrest:hover span {
	color: #b41b00;
}
audio {
	width: 100%;
}
.audio-caption, .video-caption {
	text-align: center;
}
.audio-caption .audio-caption-title {
	font-style: italic;
}
.media-plus-text {
	margin: 0 0 30px;
}
table.timetable {
	margin: 40px 0;
	border-spacing: 15px;
}
table.timetable td, table.timetable th {
	
}
table.timetable tr td:first-child, table.timetable tr th:first-child {
	font-weight: bold;
	text-align: center;
}
.faq h4 {
	font-size: 1.2em;
	font-family: sans-serif;
	margin:30px 0 10px;
}
.faq h4:before {
    content: '';
    display: inline-block;
    border-left: 9px #b41b00 solid;
    border-top: 6px transparent solid;
    border-bottom: 6px transparent solid;
    margin-left: 10px;
    margin-right: 10px;
}
.gallery {
	text-align: center;
}
.gallery img {
	max-height: 220px;
	max-width: 220px;
	cursor: pointer;
}
.modal-header {
	border: none;
	padding: 0.5rem 0.5rem;
}
.modal-header .close {
	color: #fff;
}
.required-asterisk {
	color: red;
}
a {
	color: #5af;
}