html,body{
 	 font-family: "Whitney SSm A", "Whitney SSm B", Arial, sans-serif;
    background:#001731;
   margin:0;
}
header{
    padding:10px 0;
    overflow:hidden;
    position:fixed;
    width:100%;
    background:rgba(0,0,0,0.8);
    top:0;
  z-index: 99999;
}
.social{
    float:left;
    overflow:hidden;
    margin-left:20px;
}
.social .logo{
    width:60px;
    height:60px;
}
.social .icons{
    width:30px;
    height:30px;
    padding: 15px 0;
}
.social .icons:hover{
    transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
}
nav{
    float:right;
    padding-top:18px;
    margin-right:20px;
    overflow:hidden;
}
nav ul{
    margin:0;
    padding:0;
    overflow:hidden;
}
nav ul li{
    list-style:none;
    float:left;
    margin-left:20px;
    overflow:hidden;
    height:19px;
}
nav ul li:hover a{
    margin-top:-19px;
    transition:all 0.5s ease-in-out;  
    -webkit-transition:all 0.2s ease-in-out;  
}
nav ul li:hover a:nth-child(2){
    margin-top:0;
    color:#ccc;
}
nav ul li a{
    
    color: #fff;
    text-decoration:none;
    font-size:20px;
    clear:both;
    display:block;
}
.banner{
    width:100%;
    overflow:hidden;
    margin-top:84px;
    margin-bottom:40px;
}
.banner img{
    width:100%;
    height:auto;
}
.wrapper{
    width:1000px;
    margin: 0 auto;
}
article{
    overflow:hidden;
    padding: 20px 0;
}
article.white{
    background:#fff;
}
article .logos{
    width:100%;
    height:100px;
    overflow:hidden;
}
article .logos img{
    width:auto;
    height:100px;
    -webkit-filter: grayscale(1);
    -webkit-transition: all 1s ease;
    filter: grayscale(1);
    transition: all 1s ease;
}
article .logos img:hover{
    -webkit-filter: grayscale(0);
    -webkit-transition: all 1s ease;
    filter: grayscale(0);
    transition: all 1s ease;
}
section{
    width:100%;
    margin:0 -3%;
    float:left;
    overflow:hidden;
  text-align: left;
}

section h1{
    
    color:#fff;
    font-size:20px;
    margin:0;
}
section p{
    
    font-weight:300;
    color:#fff;
    font-size:20px;
    line-height:160%;
}
section p a{
    color: #fff;   
}
section p a:hover{
    color: #ccc;   
}
article.white section p,article.white section h1, article.white a{
    color: #000;   
}
footer{
    text-align:center;
    padding:20px 0;
    
}
footer p{
    color:#fff;
    
    font-size:14px;
}
.leftImage{
    position:fixed;
    height:544px;
    top:50%;
    margin-top:-272px;
    z-index:99999;
}
#nav-toggle{
    position:relative;
    float:right;
    padding:7px 40px 0 0;
    display:none;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
@media screen and (max-width: 1600px) {
    .leftImage{
        display:none;
    }
}
@media screen and (max-width: 1280px) {
    .wrapper{
        width:90%;
        margin:0 5%;
    }
}
@media screen and (max-width: 800px) {
    section{
        float:none;
        width:auto;
    }
    header{
        height:60px;
        top:0;
    }
    #nav-toggle{
        display:block;
        margin-right:20px;
    }
    .social{
        position:absolute;
    }
    nav{
        width:100%;
        margin-right:0;
    }
    nav ul{
        width:100%;
        padding-top:50px;
        height:0;
    }
    nav ul li{
        float:none;
        display:block;
        width:auto;
        margin-left:0;
        height:auto;
        background:#333;
        border-bottom:1px solid #000;
    }
    nav ul li a{
        display:block;
        width:100%;
        padding:15px;
    }
    #home .wrapper section.first{
        display:none;
    }
    .banner{
        margin-bottom:0;
        margin-top:80px;
    }
    article#merch section:nth-child(2), article#crew section:nth-child(2){
        padding-top:20px;   
    }
    nav ul li a:nth-child(2){
        display:none;   
    }
    nav ul li:hover a{
        margin-top:0;
        transition:none;
        -webkit-transition:none; 
    }



}