/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
    
    html,
    body {
        height: 100%;
        width: 100%;
        background-color: black;
    }
    
    body {
        font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
    }
    
    hr {
        border-color: #F05F40;
        border-width: 3px;
        max-width: 50px;
    }
    
    hr.light {
        border-color: white;
    }
    
    .modal-dialog {
        opacity: 0.8 !important;
    }
    
    a {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
        color: #F05F40;
    }
    
    a:hover,
    a:focus {
        color: #eb3812;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    }
    
    p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    
    .bg-primary {
        background-color: #F05F40;
    }
    
    .bg-dark {
        background-color: white;
        color: white;
    }
    
    .text-faded {
        color: rgba(255, 255, 255, 0.7);
    }
    
    section {
        padding: 100px 0;
    }
    
    aside {
        padding: 50px 0;
    }
    
    .no-padding {
        padding: 0;
    }
    
    .navbar-default {
        background-color: transparent;
        border-color: lightgrey;
        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
    }
    
    .navbar-default .navbar-header .navbar-brand {
        color: lightgray;
        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }
    
    .navbar-default .navbar-header .navbar-toggle {
        font-weight: 700;
        font-size: 12px;
        color: white;
        text-transform: uppercase;
    }
    
    .navbar-default .nav > li > a,
    .navbar-default .nav > li > a:focus {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        color: white;
    }
    
    .navbar-default .nav > li > a:hover,
    .navbar-default .nav > li > a:focus:hover {
        color: lightgray;
    }
    
    .navbar-default .nav > li.active > a,
    .navbar-default .nav > li.active > a:focus {
        color: lightgray;
        background-color: transparent;
    }
    
    .navbar-default .nav > li.active > a:hover,
    .navbar-default .nav > li.active > a:focus:hover {
        background-color: transparent;
    }
    
    @media (min-width: 768px) {
        .navbar-default {
            background-color: transparent;
            border-color: rgba(255, 255, 255, 0.3);
        }
        .navbar-default .navbar-header .navbar-brand {
            color: rgba(255, 255, 255, 0.7);
        }
        .navbar-default .navbar-header .navbar-brand:hover,
        .navbar-default .navbar-header .navbar-brand:focus {
            color: white;
        }
        .navbar-default .nav > li > a,
        .navbar-default .nav > li > a:focus {
            color: rgba(255, 255, 255, 0.7);
        }
        .navbar-default .nav > li > a:hover,
        .navbar-default .nav > li > a:focus:hover {
            color: white;
        }
        .navbar-default.affix {
            background-color: black;
            border-color: rgba(34, 34, 34, 0.05);
        }
        .navbar-default.affix .navbar-header .navbar-brand {
            color: lightgray;
            font-size: 14px;
        }
        .navbar-default.affix .navbar-header .navbar-brand:hover,
        .navbar-default.affix .navbar-header .navbar-brand:focus {
            color: #eb3812;
        }
        .navbar-default.affix .nav > li > a,
        .navbar-default.affix .nav > li > a:focus {
            color: white;
        }
        .navbar-default.affix .nav > li > a:hover,
        .navbar-default.affix .nav > li > a:focus:hover {
            color: lightgray;
        }
    }
    
    .btn-default {
        color: white;
        background-color: black;
        border-color: white;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
    }
    
    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #222222;
        background-color: #f2f2f2;
        border-color: #ededed;
    }
    
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }
    
    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: white;
        border-color: white;
    }
    
    .btn-default .badge {
        color: white;
        background-color: #222222;
    }
    
    .btn-primary {
        color: white;
        background-color: black;
        border-color: black;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        transition: all 0.35s;
    }
    
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: white;
        background-color: darkgray;
        border-color: darkgray;
    }
    
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }
    
    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: darkgray;
        border-color: darkgray;
    }
    
    .btn-primary .badge {
        color: white;
        background-color: black;
    }
    
    .btn {
        font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
        border: none;
        border-radius: 300px;
        font-weight: 700;
        text-transform: uppercase;
    }
    
    .btn-xl {
        padding: 15px 30px;
    }
    
    ::-moz-selection {
        color: white;
        text-shadow: none;
        background: #222222;
    }
    
    ::selection {
        color: white;
        text-shadow: none;
        background: #222222;
    }
    
    img::selection {
        color: white;
        background: transparent;
    }
    
    img::-moz-selection {
        color: white;
        background: transparent;
    }
    
    body {
        webkit-tap-highlight-color: #222222;
        color: lightgrey;
    }
    
    .videoDiv {
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
    }
    
    .videoPlayer {
        min-width: 100%;
    }
    
    #vid {
        object-fit: cover;
        overflow: hidden;
        width: 100%;
        height: 100vh;
    }
    
    .videoDescription {
        position: absolute;
        left: 0;
        right: 0;
        margin-top: 20px;
        @media(max-width: 500px) {
            margin-top: 10vh;
        }
        @media(max-width: 400px) {
            margin-top: 5vh;
        }
    }
    
    .videodescription .overlay {
        font-size: 20px;
        z-index: 100;
        position: absolute;
        top: 80%;
        color: white;
        text-align: center;
    }
    
    .footer {
        position: relative;
        color: whitesmoke;
        width: 100%;
        background-color: black;
    }
    
    #footer-info {
        width: 400px;
        float: left;
        margin-top: 10px;
    }
    
    #footer-links {
        width: 100%;
        text-align: right;
    }
    
    #footer-links a {
        color: gray;
    }
    
    #footer-links ul {
        width: 150px;
        float: left;
        margin-left: 20px;
    }
    
    #footer-links ul li {
        margin: 10px 0;
    }
    
    #text {
        position: absolute;
        top: 70%;
    }