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

@font-face {
    font-family: "Annie Use Your Telescope";
    src: url('../fonts/AnnieUseYourTelescope-Regular.ttf');
}

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

body {
    color: #FFFFFF;
    background-color: #19110B;
}

nav#mainNav {
    background-color: #19110B;
}

h2,
h3,
h4 {
    font-family: 'Annie Use Your Telescope';
}

h3 {
    font-size: 2.5em;
}

h4 {
    font-size: 2em;
}

#about,
#gallery,
#contact,
#events,
#videos,
#legal-info {
    background-color: #19110B;
}

header {
    background: #19110B;
    margin-top: 50px;
}

header img {
    margin: 0;
}

footer .footer-above,
footer .footer-below {
    background-color: #19110B;
}

.year {
    font-weight: bold;
    font-family: 'Annie Use Your Telescope', cursive;
    font-size: 14pt;
}

hr.star-light:after {
    background-color: #19110B;
    color: #fff;
}

.navbar-custom .navbar-nav li a:hover {
    color: #D6AF8C;
}

.container {
    font-family: 'Annie Use Your Telescope', cursive;
}

li.page-scroll {
    font-size: 18pt;
}

.navbar-custom .navbar-nav li.active a,
.navbar-custom .navbar-nav li.active a:active,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:hover {
    color: #fff;
    background: #D6AF8C;
}

.btn-success {
    color: #fff;
    background-color: #D6AF8C;
    border: none;
    font-weight: 700;
}

a,
a.active,
a:active,
a:focus,
a:hover {
    color: #D6AF8C;
    outline: 0;
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    color: #D6AF8C;
    background: #fff;
    border: none;
}

p.strikethrough {
    text-decoration: line-through;
}

.col-lg-12.text-center {
    margin-bottom: 30px;
}

section {
    padding: 70px 0;
}

.form-control {
    color: #ffffff;
}

.floating-label-form-group-with-focus label {
    color: #D6AF8C;
}

.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:hover {
    background-color: #D6AF8C;
    border-color: #D6AF8C;
}

.col-lg-4.video-preview {
    border: 1px dashed #fff;
    padding: 10px 10px 5px 10px;
}

img#header-logo {
    height: 50px;
}