body {background-color: #37609f; font-family: 'Droid Sans', 'Helvetica', 'Arial', sans-serif; color: #333}
.box {width:97%; border: 2px solid black; padding:10px; margin: auto}
.nav-box {background-image: linear-gradient(to right, #37609f 0%, #67b9DD 80%)}
.content-box {background-color: #f0f0f0; margin-top: 10px}
.description {background-color: #ccc; padding: 0 5px; margin: 5px 0 0 0; max-height: 220px; overflow-y: auto;}
.nav-box h1 {
 background-image: url("/assets/images/Logo%20340x340%20v2%20trans2.png");
 background-repeat: no-repeat;
 background-position-x: 100%;
 background-size: contain;
}

.nav-box h1 a {color: #fff; text-decoration: none}
.nav-box label {color: #fff; font-weight: bold; padding: 20px 16px; display: block; background-color: #000}

.thumbnail:hover {cursor:zoom-in}

#condense {width: 290px; margin: 0 30px}

#mySidebar {z-index:3;width:250px;background-color: black}
.game-tile {height: 350px}
.game-tile img {width: 150px}
@media (max-width: 640px) {
   .game-tile {height: 175px;font-size: 10px}
   .game-tile img {width: 75px}
   .my-responsive {display: block; overflow-x: auto}
}

.footer a {text-decoration: none}
.footer a:hover {text-decoration: underline; color: #67b9DD}

@media only screen and (max-device-width: 640px) {
   .box {width:100%; border: 0; padding:0px}
   .w3-bar .w3-bar-item {padding: 8px 4px}
   .game-tile {height: 175px}
   .game-tile img {width: 75px}
}