@media screen and (min-width: 900px )
{
   body
   {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      /*background-image: linear-gradient( to right, hsla( 30, 15%, 30%, 1.0 ), hsla( 30, 15%, 39%, 1.0 ) 60%);*/
      background-color: hsla(200, 100%, 10%, 1);
   }
}

.cbfritz
{
   height: 94vh;
   width: 96%;
   margin-left: auto;
   margin-right: auto;
   background-color: none;
   border-radius: 5px;
   border: 5px solid hsla( 200, 40%, 50%, 0.5 );
}

@media only screen and (max-width : 420px)
{
   .cbfritz
   {
      margin-top:5px;
      height: 80vh;
      
      border-radius: 3px;
      border: 3px solid hsla( 200, 40%, 50%, 0.5 );
   }
}

.cbFooter
{
   width:96%;
   margin-left:auto;
   margin-right:auto;
}

#playButtons
{
   background-image: linear-gradient( to right, hsla( 200, 20%, 77%, 1.0), hsla(200, 35%, 85%, 1.0) 40%, hsla( 200, 35%, 61%, 1.0) );
   border:none;
   /*background-color: hsla(200, 40%, 50%, 1);*/
}

#boardHolder
{
   width: 58%;
   height: 100%;
   box-sizing: border-box;
   /*border: 2px solid cyan;*/
}

#panels
{
   float: right;
   width: 42%;
   height: 100%;
   box-sizing: border-box;
   border-left: 5px solid hsla( 200, 40%, 20%, 0.5 );
}

#engHolder
{
   border-top: 5px solid hsla( 200, 40%, 20%, 0.5 );
}


#thefooter-0
{
   position:initial;
   
}

.cbFooterNew
{
   margin-top:10px;
}

#footerContainer
{
   width:92vw;
   margin-left:auto;
   margin-right:auto;
}