@media screen and (max-width: 600px) {
	
	html, body {

		max-width: 100vw;
	}
	
	.ticker {
	  font-size: 24px !important;
	}
	.logo-slot {

		height: 150px;
	}
	
	#logo-final {
	  position: absolute;
	  top: 30px;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 100%;
	  max-width: 1200px;
	  aspect-ratio: 2.25 / 1; /* adjust if logo isn't 3:1 */
	  background-image: url('../images/logo.gif');
	  background-repeat: no-repeat;
	  background-size: contain;
	  background-position: center top;
	  opacity: 0;
	  transition: opacity 0.3s ease;
	  image-rendering: pixelated;
	}

	.bw-gamebox {
		max-width: 110px !important;
	}
  
  	.bigbutton {
	  font-size: 20px !important;
	  padding: 10px 20px !important;
	  line-height: 20px !important;
	  }
	  
}