html,body{background:#006666;height:100%;font:normal 14px 'Lato';color:#333}
a{color:#060}
a:hover{text-decoration:none;color:#f30}
.site-wrapper{display:table;width:100%;height:100%;min-height:100%;overflow:auto}
.site-wrapper-inner{display:table-cell;vertical-align:top}
@media (max-width:1920px){
    .navbar-header{float:none}
    .navbar-left,.navbar-right{float:none !important}
    .navbar-toggle{display:block}
    .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
    .navbar-fixed-top{top:0;border-width:0 0 1px}
    .navbar-collapse.collapse{display:none!important}
    .navbar-nav{float:none!important;margin-top:7.5px}
	.navbar-nav>li{float:none}
    .navbar-nav > li > a{padding:12px}
    .collapse.in{display:block !important}
}
.navbar-header{position:absolute;z-index:5;width:100%}
.navbar-inverse{background:none;border:none}
.affix{position:fixed;background:#003333;height:50px;z-index:500;width:100%}
.navbar-brand{width:280px}
.affix .navbar-brand{padding:8px}
.navbar-brand > img{width:280px}
.affix .navbar-brand > img{width:170px}
.navbar-inverse .navbar-toggle{border:none}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#003333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#c36a00;height:3px}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{background:#fff}
.nav > li{text-align:left;border-bottom:1px dotted #006666}
.nav > li:first-child{border-radius:8px 8px 0 0}
.affix .nav > li:first-child{border-radius:0}
.nav > li:last-child{border-radius:0 0 8px 8px;border-bottom:none}
.navbar-nav{position:absolute;z-index:500;top:40px;right:20px;background:#003333;border-radius:8px;width:180px}
.affix .navbar-nav{border-radius:0 0 8px 8px}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{background:none;color:#fff}
.navbar-nav > a:hover{background:none;color:#fff}
.navbar-nav > li > a{color:#fff}
.collapsing{position:absolute;top:0;right:0;width:185px}
.navbar-collapse{border:none}
.navbar-collapse{box-shadow:none}
.cover{position:absolute;z-index:5;background-color:rgba(0, 153, 153, 0.7);left:0;bottom:0;padding:15px;width:100%;text-align:center;font:normal 12px 'Oswald';color:#fff}
.cover h1{margin:0;font-size:24px}
.cover p.btn{background:#f90;border:none}
.cover p.btn:hover{background:#F00;color:#333}
.cover a{font:normal 18px 'Oswald';color:#222;padding:10px}
.cover a:hover{color:#fc0}
.content{position:relative;z-index:2;color:#2c0031}
.contentInner{background:#dfe9ea;padding:15px}
.content h1, .content h2{text-align:center;font:normal 36px 'Oswald';color:#066}
.content h1 strong, .content h2 strong{font-weight:normal;color:#C00}
.content h1{margin:0;font-size:30px}
.content h2{font-size:24px}
/*.clickHere{float:none;margin:20px auto;width:230px}*/
.clickHere{display:none}
.links{background:url(../images/bgContent.jpg) #eef2f1;margin:15px 0 0 0;padding:15px;border:1px solid #060;text-align:center;font:normal 10px Arial;color:#000}
.links a{display:block;padding:10px 0 0 0;font:bold 12px Arial;color:#000}
.links a:hover{color:#990000}
footer{position:relative;z-index:2;background:rgba(0,51,51,0.8);padding:15px;text-shadow:none;text-align:center;font:normal 11px Arial;color:#999}
footer a{color:#999}
footer a:hover{color:#fff}
@media (max-width:340px){
  .navbar-brand{width:250px}
  .navbar-brand > img{width:250px}
}
@media (max-width:419px){
  .cover a{font:normal 14px 'Oswald';color:#333}
}
@media (min-width:768px){
  .collapsing{width:205px}
  .cover{padding:60px 0}
}
#bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%}
#bg img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%}
.mastheadInner{height:240px}
.play-btn a{background:#f90;;border-radius:5px;display:block;text-align:center;margin:20px auto;width:85%;font:normal 16px 'Oswald';color:#333;line-height:50px}
.play-btn a:hover{background:#f00;text-decoration:none}
.imageLeft{float:left;margin:0 15px 15px 0}
.tiles{max-width:300px}
.box{background:#fc0;padding:15px;text-align:center;font:normal 14px Arial;color:#333}
.box p{padding:15px;margin:0}
.box a{color:#f00}
.box a:hover{color:#fff}
