body { font-family:sans-serif;font-size:20px;color:#141414;padding:0.5em; }
h1, h2, h3, blockquote { font-weight:normal;text-transform:uppercase; }		
h2,h3 { font-size:1.5em;margin:0 0 0.4em 0; }
header, nav { margin: 0 0 1em 0; }
header h1 { font-size:1.5em;margin-top:0; }
header h2 { font-size:1.2em; }
header strong, nav a, main h2, blockquote { color:var(--col); }
header strong { font-weight:normal; }
nav ul { list-style:none;margin:0;padding:0; }
nav li { font-size:1.8em;text-transform:uppercase;text-decoration:none; }
nav a { padding:0.3em;text-decoration:none;display:block; }
nav li:hover a { color:white;background:var(--col); }
nav .active { color:white;background:var(--col);padding:0.3em; }
nav ul ul { display:none; }
a { color:#141414;text-decoration-color: var(--col); }
a img { background-color: var(--col10); }
main a:hover, footer a:hover { color: var(--col); }
main h1, main p, main li, img, hr, .platforms { margin: 0 0 0.8em 0; line-height: 1.4; }
main ul { list-style: square; margin: 0 0 1em; padding: 0 0 0 1em; }
main li { margin:0.6em; }
hr, footer { border:none;border-top:0.1em solid #e0e0e0; }
blockquote { font-size:1em;margin:1em; }
cite { display:block;padding-left:1em;text-transform:initial;color:gray;font-size:0.8em; }
img { width:100%; }
figure { margin:0; }
footer .top_link:after { display:inline-block;content:"";width:1em;height:0.8em;background: url('../img/arrow_up.svg') no-repeat center;background-size:contain; }
footer span, footer a { display:block;line-height:1.7;}
footer .logo { text-align:left; }
footer .logo img { width:50%;max-width:150px;}
.awards ul { padding:0;display:flex;flex-wrap:wrap; }
.awards li { width:50%;height:10vw;margin:0;padding-top:5vw;list-style:none;overflow:hidden;background:url('../img/laurels.jpg') no-repeat center;background-size:contain;font-size:2.2vw;font-weight:normal;color:var(--col);text-align:center; }
.awards sub { font-size:0.9em;line-height:0.1;color:gray;font-weight:normal; }
.linkblock { display: block; margin-top: 10px; padding: 10px; background-color: var(--col10); border: 1px solid var(--col); text-align: center; }
.links ul { padding:0; }
.links li { margin:0 10px 0 0;list-style:none;display:inline-block; }
.links li:not(:last-child) { padding-right:1em;border-right:2px solid gray; }
.platforms ul { padding: 0; }
.platforms li { list-style:none;margin:0 0 10px 0;padding:0;color:white; }
.platforms li a { display:block;margin:0;padding:20px;font-size:1.2em;color:white;text-indent:60px;text-decoration:none;background-color:black;background-size:contain;background-repeat:no-repeat;background-position:center left;background-origin:content-box; }
.platforms li a:hover { background-color:var(--col); }
.platforms li a.android { background-image: url(../img/logo_platform_android.svg); }
.platforms li a.apple { background-image:url(../img/logo_platform_apple.svg); }
.platforms li a.appstore { background-image:url(../img/logo_platform_appstore.svg); }
.platforms li a.arcade { background-image:url(../img/logo_platform_arcade.svg); }
.platforms li a.itch { background-image:url(../img/logo_platform_itch.svg); }
.platforms li a.playstation { background-image:url(../img/logo_platform_playstation.svg); }
.platforms li a.steam { background-image:url(../img/logo_platform_steam.svg); }
.platforms li a.switch { background-image:url(../img/logo_platform_switch.svg); }
.platforms li a.wiiu { background-image:url(../img/logo_platform_wiiu.svg); }
.platforms li a.xbox { background-image:url(../img/logo_platform_xbox.svg); }
.platforms a:after { content: '' !important; }
@media (min-width:900px) {
  nav ul ul { margin:0.5em;display:block; }
	nav ul ul li { font-size:1.2em;text-transform:unset; }		
	blockquote { font-size:1.3em; } 
	.awards li { width:25%;font-size:1.5vw; }
	.platforms ul { display:flex;flex-wrap:wrap;justify-content: space-between; }
	.platforms li { width:49%;}
}
@media (min-width:1200px) {
	body { max-width:900px;padding:2em; }
	header h1 { font-size:2.2em; } 
	header h2 { font-size:1.4em; } 
	nav li { font-size:1.5em; } 
	nav .active { background:black; }
	.awards li { height:70px;padding-top:20px;font-size:0.7em; }
	.platforms img { width:40px;height:40px;margin:0 4px 0px 0px;padding:10px;background:black; }
	.platforms a:hover img { background-color: var(--col); }
}
@media (min-width:2500px) {
	body { max-width:1400px;font-size:40px; }
	.platforms img { width:80px;height:80px;margin:0 10px 0px 0px;padding:20px;background:black; }
	.links ul { margin-bottom:40px; }
	.links li { margin:0 40px 0 0; }
	.awards li { height:100px;padding-top:40px;font-size:0.5em; }
	.platforms li a { padding:30px;text-indent:110px; }
	footer .logo img { max-width:250px;}
}