body{
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6{
margin: .3em 0;
}

h1, h2{
text-align: center;
}

h2{
padding-bottom: 10px;
margin-bottom: 1em;
}

h3{
padding: 5px
}

/* Main Nav Controls */

.big-buttons{
margin: auto;
display: grid;
width: 80%;
max-width: 500px;
grid-template-columns: 31% 31% 31%;
column-gap: 2%;
row-gap: 2%;
text-align: center;
}

.big-buttons a{
display: block;
max-width: 200px;
padding: 10px;
border-radius: 4px;
}

/* Schedule Layout */

#wrapper{
max-width: 1020px;
margin: auto;
padding: 60px 20px 20px 20px;
}

#vertical-stack{
min-height: 580px;
}

#vertical-stack, .game-shelf{
clear: both;
}

.game-box{
width: 73px;
height: 375px;
}

.info{
text-align: center;	
}

.para-block{
display: block;
text-align: center;
margin: .5em 0;
}

#vertical-stack .game-box{
width: 375px;
height: 75px;
display: grid;
grid-template-columns: 105px 150px 120px;
}

.game-shelf .game-box{
float: left;
margin-bottom: 10px;
}

.game-box .box-hover{
position: absolute;
margin-left: -9999px;
}

.system-logo{
height: 105px;
}

.system-logo .logo-image{
height: 105px;
}

.game-logo{
height: 155px;
}

.game-box:hover .box-hover{
margin: -12em 0 0 0;
padding: 10px;
min-width: 200px;
max-width: 400px;
z-index: 3;
text-align: left;
}

#vertical-stack .system-logo, #vertical-stack .game-logo, #vertical-stack .logo-image{
height: 75px;
}

.game-shelf .logo-image{
transform: rotate(90deg);
transform-origin: 36.5px 37px;
width: 105px;
height: 73px;
}

.game-shelf .game-logo .logo-image{
width: 155px;
}

#vertical-stack .game-box:hover .box-hover{
margin: -3em 0 0 -2em;
}

.grid-block{
display: block;
margin: .5em 0;
}

footer{
margin-top: 2em;
text-align: center;
}

/* Nav Controls */

#top-nav{
position: absolute;
top: 10px;
}

.nav-button{
padding: 2px;
margin: 0 5px;
}