html { color: #222;font-size: 1em;line-height: 1.4;}

::-moz-selection {background: #b3d4fc;text-shadow: none;}

::selection {background: #b3d4fc;text-shadow: none;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}

audio,canvas,iframe,img,svg,video {vertical-align: middle;}

fieldset {border: 0;margin: 0;padding: 0;}

textarea {resize: vertical;}

.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

.ie7 .title {padding-top: 20px;}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeue.woff') format('woff'),
        url('../fonts/BebasNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* ==========================================================================
   Custom styles
   ========================================================================== */

@media all{ 
  body {font: 16px/26px 'Bebas Neue', sans-serif;background: url('../img/bg-page.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

  a:focus { outline:none; text-decoration: none;}

  h4 { font: 1.88em 'Bebas Neue', sans-serif;color:white; margin:0px;text-transform: uppercase;}

  h5 { font: 1.5em 'Bebas Neue', sans-serif;color:white; margin:0px;text-transform: uppercase;}

  h6 { font: 1.25em 'Bebas Neue', sans-serif;color:white; margin:0px;text-transform: uppercase;}
  
  h7 { font: 3em 'Bebas Neue', sans-serif;color:white; margin:0px,10px,20px,30px;text-transform: uppercase;}

  h4 a:hover, h5 a:hover, h6 a:hover { color: rgba(255,255,255,0.7); }  

  .wrapper {width: 90%;margin: 0 5%; text-align:center;}  

  .spacer-bottom {margin-bottom:20px !important;overflow:hidden;clear:both;}

  #header-nav, #nav-toggle {background:none;box-shadow:none;border:none;}

  #header-nav .navbar-header > button {border: none;}

  #header-nav .navbar-header > button:hover,
  #header-nav .navbar-header > button:focus{ background:none; }

  #header-nav .navbar-header > button span.icon-bar { background:white;width:33px;height:3px; }

  #nav-toggle ul a { color: white; text-align: center;display:block;}

  #nav-toggle ul a:hover { text-decoration: none; color: rgba(255,255,255,0.7);}

  #main-page{text-align: center;padding-top:4%;}
  
  #main-page .brand-logo { border:none;margin:0px auto 2.8%; }

  #main-page ul { margin-bottom: 0.6em; }

  #main-page ul.li-height li h6 {line-height: 1.4em;}

  #main-page ul li { color:white; padding: 0px 1em;}

  #main-page ul a { color:white; }

  #main-page ul li:hover, #main-page ul a:hover { text-decoration: none; }

  #main-page ul.two-liner li  { border-right:1px solid white; }

  #main-page ul.two-liner li:nth-child(n+8),  #main-page ul.no-border li { border-right:none; }

}

@media (max-width:712px) {

  #main-page {padding-top:16%;}

  #main-page .brand-logo { margin: 0px auto 10%; }

  #main-page ul.li-height{margin-bottom:0.9em;}

  #main-page ul.two-liner li { padding: 0px 0.4em; }
}

@media (max-width:350px) {
  
  #main-page {padding-top:24%;}

  #main-page ul.two-liner li {display:block;border-right:none;}
}


.spacer {
    width: 300px;
}











/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {display: inline;}

    .oldie nav a {margin: 0 0.7%;}
}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 1140px) {}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {display: none !important;visibility: hidden;}

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before, .clearfix:after {content: " ";display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print { 
    *, *:before,*:after {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}

    a, a:visited {text-decoration: underline;}

    a[href]:after {content: " (" attr(href) ")";}

    abbr[title]:after {content: " (" attr(title) ")";}

    a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}

    pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}

    thead {display: table-header-group;}

    tr, img {page-break-inside: avoid;}

    img {max-width: 100% !important;}

    p,h2,h3 {orphans: 3;widows: 3;}

    h2,h3 {page-break-after: avoid;}
}


#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}



.button {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding: 9px 9px;
    text-decoration: none;
    margin: 1px;
    display: inline-block;
    border-radius: 3px;
    width: 160px;
    box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.4);
   transition:opacity .3s;
}

.yellow {
 color: white;
 text-shadow: 1px 1px rgba(0, 0, 0, .4);
 border: 1px solid #c68900;
 background: #4ba6d5;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(103,199,229)), color-stop(1, rgb(47,133,197)));
 background-image: -webkit-linear-gradient(top, #ffc750, #e1bf59);
 background-image: -moz-linear-gradient(top, #ffc750, #e1bf59)); 
 background-image: -ms-linear-gradient(top, #ffc750, #e1bf59)); 
 background-image: -o-linear-gradient(top, #ffc750, #e1bf59)); 
 background-image: linear-gradient(top, #ffc750, #e1bf59);  
}