@charset "utf-8";
 body, html {
     height: 100% 
}
 img{
     max-width:100%;
     height:auto;
}
 body {
     background:#000 url(../img/background.gif) top left fixed !important;
     font-family: Helvetica, Arial, sans-serif;
     font-weight: 700 
}
 .brand {
     height: 100px!important;
     padding: 20px 0!important;
}
 .header-logo{
     width:208px;
     height: 37px;
     margin-top: 7px !important;
}
 .navbar-inverse .navbar-brand {
     color: #f14823;
     padding: 5px 
}
 .navbar-inverse {
     background: 0 0;
}
 .navbar-inverse .navbar-nav>li>a {
     color: #fff;
     text-shadow: 1px 1px 1px #000;
     font-size: 16px;
     font-weight: 700 
}
 .navbar-nav>li {
     float: left;
     text-transform: uppercase 
}
 .full-width-jumbotron {
     margin-top: -20px!important;
     height: 500px!important;
     margin-bottom: 30px!important;
     background: url(../img/main-img.jpg) center top no-repeat #fff;
}
 .slider {
     background-image: url(../img/slider-background.png);
     background-repeat: no-repeat;
     background-size: 100% auto;
     max-width: 572px;
     padding: 14px 13px 14px 12px;
     margin: 170px auto 
}
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
     position: absolute;
     top: 28%;
     left: 25%;
     width: 572px;
     padding: 14px 13px 14px 12px;
     height: 309px;
     background-image: url(../img/slider-background.png);
     background-repeat: no-repeat;
}
/* MARKETING CONTENT -------------------------------------------------- */
/* Pad the edges of the mobile views a bit */
 .marketing {
     padding-right: 15px;
     padding-left: 15px;
}
/* Center align the text within the three columns below the carousel */
 .marketing .col-lg-4 {
     margin-bottom: 20px;
     text-align: center;
}
 .marketing h2 {
     font-weight: normal;
}
 .marketing .col-lg-4 p {
     margin-right: 10px;
     margin-left: 10px;
}
/* Featurettes ------------------------- */
 .featurette-divider {
     margin: 80px 0;
    /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
 .featurette-heading {
     font-weight: 300;
     line-height: 1;
     letter-spacing: -1px;
}
 .btn-success {
     color: #fff;
     background-color: #241300;
     border-color: #000 
}
 .footer {
     width: 100%;
     text-align: center;
     color: #fff;
     margin-top: 15px;
     font-family: Questrial, sans-serif;
     font-size: 16px;
     font-weight: 700 
}
 @media screen and (max-width:1024px) {
     .embed-container iframe, .embed-container object, .embed-container embed {
         position: absolute;
         top: 34%;
         left: 25%;
         width: 472px;
         padding: 14px 13px 14px 12px;
         height: 255px;
         background-image:none;
         background-repeat: no-repeat;
    }
     .col-lg-4{
         text-align: center !important;
    }
     .img-responsive{
         position: relative !important;
         display: inline-block;
    }
     .full-width-jumbotron{
         background: url(../img/main-img-mobile.jpg) center top no-repeat #fff;
    }
}
 @media screen and (max-width:812px) {
     .count-wrapper{
         display: none !important;
    }
     .embed-container iframe, .embed-container object, .embed-container embed {
         position: absolute;
         top: 45%;
         left: 17.5%;
         width: 472px;
         padding: 14px 13px 14px 12px;
         height: 257px;
         background-image:none;
         background-repeat: no-repeat;
    }
     .embed-container {
         padding-bottom:62%;
         overflow: hidden;
         max-width: 100%;
    }
}
 @media screen and (max-width:768px) {
     .marketing {
         padding-right: 0;
         padding-left: 0;
    }
     .navbar-collapse {
         background-color: #000;
    }
     .full-width-jumbotron {
         background: url(../img/main-img-mobile.jpg) center top no-repeat #fff;
    }
     .embed-container iframe, .embed-container object, .embed-container embed {
         position: absolute;
         top: 45%;
         left: 17.5%;
         width: 472px;
         padding: 14px 13px 14px 12px;
         height: 258px;
         background-image:none;
         background-repeat: no-repeat;
    }
     .embed-container {
         padding-bottom:62%;
         overflow: hidden;
         max-width: 100%;
    }
}
 @media screen and (max-width:667px) {
     .embed-container iframe, .embed-container object, .embed-container embed {
         position: absolute;
         top: 45%;
         left: 12.8%;
         width: 472px;
         padding: 14px 13px 14px 12px;
         height: 280px;
         background-image:none;
         background-repeat: no-repeat;
    }
     .embed-container {
         padding-bottom:70%;
         overflow: hidden;
         max-width: 100%;
    }
     .navbar-nav>li {
         float: left;
         width: 100%;
         border-right: none;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
         text-transform: uppercase 
    }
}
 @media (max-width:480px) {
     .slider {
         background-image: url(../img/slider-background.png);
         background-repeat: no-repeat;
         background-size: 100% auto;
         max-width: 320px;
         padding: 3px;
         margin-top: 25px 
    }
     .embed-container iframe, .embed-container object, .embed-container embed {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 82%;
         background:none;
    }
     .full-width-jumbotron {
         margin-top: -20px!important;
         height: 100px!important;
         margin-bottom: 100px!important;
         background: url(../img/main-img-2.jpg) no-repeat center top!important;
         background-size: 100% auto!important;
    }
     .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
         background: #000;
    }
     .navbar-nav>li>a {
         line-height: 4px 
    }
}