#background
{
    background-attachment: fixed;
    background-image: url("../_assets1/img/bg01.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    width: 100%;
    z-index: -2;
}

#overlay
{
    background-attachment: fixed;
    background-image: url("../_assets1/img/overlays/light.png");
    background-position: left top;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    width: 100%;
    z-index: -1;
}

#logo
{
    color: #fff;
    color: #3ac0fe;
    line-height: 60px;
    font-weight: 300;
    font-family: 'Voltaire', sans-serif;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);
}

#intro h2
{
    color: #fff;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 90px;
    font-size: 9rem;
    margin: 0 0 10px 0;
    font-family: 'Voltaire', sans-serif;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9);
    line-height: 90px;  
}

#intro h3
{
    color: #3ac0fe;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    font-size: 4rem;
    font-family: 'Sanchez', serif;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.9);
    line-height: normal; 
}

#header .navbar
{
    margin-bottom: 10px;
    background: none;
    filter: none;
        -moz-transition: all 600ms;
        -webkit-transition: all 600ms;
        -o-transition: all 600ms;
    transition: all 600ms;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #888;
    background-color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.video-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}