body { 
    background: #3b3b3b;
    font-family: 'Quicksand', sans-serif;
    color:white;
  }
  
header {background: url(../images/layout/bg.jpg) no-repeat bottom center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top:20px;
    padding-bottom:50px;
}

.gameplayheader {
    background: url(../images/layout/bg2.jpg) no-repeat bottom center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top:20px;
    padding-bottom:50px;

}

header h1 {
      background:url(../images/layout/logo.png);
      width:180px; 
      height:77px;
      text-indent: -9999px;    
}

.logo {
    background:url(../images/layout/logo.png);
    width:180px; 
    height:77px;
    text-indent: -9999px;    
}

header h2 {
    font-weight:700;text-shadow: 0px 0px 4px #000000;
font-size: 380%;
font-family: 'Quicksand', sans-serif;
margin-top:50px;

}

h3 {
    color:#19c1fc;
    font-family: 'Quicksand', sans-serif;
    text-align:center;
    font-weight:700px;

}

.textcenter {text-align:center;}



header p {font-size:140%;
    text-shadow: 0px 0px 4px #000000;
margin-top:10px;}

header h1 a {text-indent: -9999px;    }

.center {
    border: 5px solid #FFFF00;
    display: flex;
    justify-content: center;
    }


 .menu a {color:white;
font-weight:500;text-shadow: 0px 0px 4px #000000;
font-size: 120%;
margin:15px 0px;
}



.menu a img {margin-top:-7px;}


.icon {
    float:right; }

.featurelist h4 {color:white;
    font-family: 'Quicksand', sans-serif;
font-weight:700;}

.featurelist p {color:#aeaeae;
font-weight:600;}


.icon2 {
    float:right; }

.featurelist2 h4 {color:white;
    font-family: 'Quicksand', sans-serif;
font-weight:700;}

.featurelist2 p {color:white;
font-weight:400;
font-size:90%;}




.margintop {padding-top:75px;}
.margintop2 {padding-top:40px;}


footer {
    background:#1b1b1b;
    margin-top:20px;
    padding:20px;
    
}


a {color:#3eacf8;}


.video-header {
    background: #3b3b3b;
    position: absolute;
    text-align: center;
    width: 100vw;
    height: 100vh;
    
    }
    video {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
      }


      .viewport-header {
        position: relative;
        height: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
      }



.red {background:red;}
.blue {background:blue;}