body {
     background:#ffffff;
     font-family: 'robotoregular';
     color:#ffffff;
	 margin-top:0px;
	  margin-bottom:0px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	
}
 @font-face {
     font-family: 'robotolight';
     src: url('../fonts/roboto-light-webfont.woff2') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'robotoregular';
     src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'robotomedium';
     src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'robotobold';
     src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

.game-row{
	margin-left:7px!important;
	margin-right:7px!important;
}

.game-col{
	padding:30px!important;
}

.logo-image{
	min-width:400px;
	max-width:600px;
}

.game-image{
	width:100%;
	max-width:600px;
	border:2px solid #00394D;
	cursor:pointer;
}

.game-hover{
	border:2px solid #ffffff;
}


.header-row{
	background:#ffffff;
	padding:10px;
	margin-bottom: 15px;
}

#footer{
	 margin-top: auto;
}

.footer-row{
	margin-top: 15px;
	font-size:20px;
	padding:20px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	
}


.footer-row a:link {
  color: #ffffff;
}

.footer-row a:visited {
  color: #ffffff;
}

.footer-row a:hover {
  color: #ffffff;
}

.footer-row a:active {
  color: #ffffff;
}



 @media screen and (max-width:36em) {
    /*****************************/
    /* mobile */
    /*****************************/

.logo-image{
	max-width:300px;
	min-width:250px;
}

.game-col{
	padding:15px!important;
}
	
}

@media screen and (min-width:36em) and (max-width:62em) {
    /*****************************/
    /* tablet */
    /*****************************/
.game-col{
	padding:15px!important;
}

}


 @media screen and (min-width:62em) {
    /*****************************/
    /* desktop */
    /*****************************/


}