head, body {
    padding:0;
    margin:0;
    width:100%;
    height:100%;
}

body {
    background:#000;
}

.nav{
    height:50px;
    margin:0px 0;
    padding:0;
    position:fixed;
    width:100%;
    z-index:10;
    top:0
}

.navbutton{
    width: calc(100% / 3 - 2px);
    float:left;
    margin:0;
    padding:0;
    border: #000 solid 3px;
    background-color: #e06664;
    color:#000;
}

.navbutton:hover {
    background-color:#000;
    color:#e06664;
}

.bottom{
    position:relative;
    top:auto;
}

.bottom .navbutton {
    width: calc(100%)
}

h1 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

p {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing:.5px;
    line-height:1.2em;
    margin:0;
    padding:0;
}

.navbutton h1{
    text-align: center;
    margin:0;
    padding: 5px 0 0 0;
    height:42px;
    font-size:2em;
}

.noleftborder {
    border-left:0;
}

.norightborder {
    border-right:0;
}

.store{
    margin:0 auto;
    background-image:url("img/store.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position:center top;
    width:100%;
    padding-bottom:59.5%;
    display:block;
    height:auto;
}

.tv {
    position: absolute;
    width: 19vw;
    height: 14.25vw;
    margin: 38.1% 0 0 13%;
}

.tv iframe {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}

.merch_container{
    position:absolute;
    margin: 29.7% 0 0 49.3%;
    width:36.6%;
    padding-bottom:27.75%;
    background:rgb(160, 151, 151);
    overflow:scroll;
    border:#000 2px solid;
}
.merch {
    width:100%;
    height:100%;
    position:absolute;
}

.merch video, .merch img{
    float:left;
    width: calc(100% / 3 - 4px);
    border: #000 2px solid;
}

#faq {
    height:auto;
    margin:0;
    padding:200px 10px 200px 10px;
    background:#fff;
}

#faq h1{
    margin: 0;
    text-align:left;
    font-weight:normal;
}

#faq p{
    margin:2px;
    font-size:1.4em;
}

.banner {
    position: absolute;
    width: 45%;
    margin:32% 0 0 0;
    background-color:#000;
    color:#FFF;
    font-size:1.25em;
    font-family: Helvetica, Arial, sans-serif;
    font-weight:bold;
    padding: 10px 0 10px;
}
.banner.mobileonly {
    border-top: #000 4px solid;
}

.banner:hover {
    background-color:#fff;
    color:#000;
}

.slider{
    width: 100%;
    overflow:hidden;
    position:relat;
    margin:0;
}

.slideContainer {
    animation-name: scrollingtext;
    animation-duration: 20s;
}

.slideContainer2 {
    margin-top:-23px;
    animation-name: scrollingtext2;
    animation-duration: 20s;
}

.slideContainerleft {    
    animation-name: scrollingtextleft;
    animation-duration: 20s;
}
.slideContainer2left {
    margin-top:-23px;
    animation-name: scrollingtext2left;
    animation-duration: 20s;
}

ul{
    overflow:hidden;
    width:1000%;
    margin:0;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
li{
    list-style:none;
    display:inline-block;
    padding:0 50px;
}

.spacer{
    height:50px;
    display:block
}

.nav .hover { display: none; }
.nav:hover .nothover { display: none; }
.nav:hover .hover { display: block; }


@keyframes scrollingtext {
    0%   {transform:translateX(-1450px)}
    100%   {transform:translateX(0)}
}

@keyframes scrollingtext2 {
    0%   {transform:translateX(0px)}
    100%   {transform:translateX(1450px)}
}

@keyframes scrollingtextleft {
    0%   {transform:translateX(0px)}
    100%   {transform:translateX(-1825px)}
}

@keyframes scrollingtext2left {
    0%   {transform:translateX(1825px)}
    100%   {transform:translateX(0px)}
}


@media screen and (min-width: 801px) {
    #store_mobile{
        display:none;
    }
    .mobileonly {
        display:none;
    }
}


@media screen and (max-width: 800px) {
    .store{
        background-image:none;
        background: none;
        height: calc(500px + 58vw);
        margin-top:50px;
    }
    #store_mobile{
        position: relative;
        width:100%;
    }

    .tv {
        position: relative;
        width: calc(100% - 8px);
        height: calc(75vw - 8px);
        margin: 0;
        padding:0;
        }
    
    .tv iframe {
        width:100%;
        height:100%;
        margin:0;
        padding:0;
        background:#333;
        border: 4px solid #000;
    }
    
    .merch_container{
        position:relative;
        margin: 0;
        width:calc(100% - 4px);
        background:#000;
        overflow:auto;
        padding:0;
    }
    .merch {
        width:100%;
        height:400px;
        position:relative;
        display:flex;
        flex-flow:column wrap;
        padding:0;
    }

    .merch video, .merch img {
        width: 196px;
        height:196px;
        background:#000;
    }

    .banner {
        position:relative;
        width: 100%;
        margin: 0;
        background-color:#FFF;
        color:#000;
        font-size:1.25em;
        font-family: Helvetica, Arial, sans-serif;
        font-weight:bold;
        padding: 10px 0 10px;
    }
    .slider{
        width: 100%;
        overflow:hidden;
        position:relat;
        margin:0;
    }

  }