body {
	margin:0px;
	padding:0px;
	background:#111;
	text-align:center;
	font-family: 'Barlow Condensed', sans-serif;
	color:#FFF;
	font-weight:300;
	font-size:24px;
}
* {
	box-sizing:border-box;
}
a, a:link, a:visited, a:active { color:deeppink; text-decoration:none; transition:all .3s; }
a:hover { color:#FFF; }
img {border:none;}
h1, h2, h3, h4, h5, h6 {font-weight:300; margin:0px; padding:0px 0px; }

h2 {
	font-size:60px;
}
#logo {
	text-align:center;
	margin:50px auto;
}

.separator {
	width:200px;
	height:1px;
	background:#666;
	margin:20px auto;
}

img.spewnicorn {
	width:300px;
	height:auto;
}
.inner {
	max-width:1140px;
	margin:0px auto;
}
.games {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:20px;
	margin:30px auto;
}
.game {
	border-radius:5px;
	background:#000;
	padding:50px;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	gap:20px;
}
.game p {

}
a.cta-button {
	border-radius:4px;
	display:inline-block;
	padding:10px 30px;
	background:deeppink;
	transition:all .3s;
	color:white;
}
a.cta-button:hover {
	background:white;
	color:black;
}
.game.lwl img {
	width:400px;
	height:auto;
}
.game.spewnicorn img {
	width:400px;
	height:auto;
}
.game.pap img {
	width:200px;
	height:auto;
}
.game.lf img {
	width:400px;
	height:auto;
}



#footer {
	padding:20px;
	color:#666;
}

@media screen and (max-width:768px) {
	.strapline {padding:30px 35px 10px 35px;}
	.strapline h2 {font-size:30px;line-height:34px;}
	.strapline h2 span {font-size:26px;}
	#footer {font-size:18px;}
}

@media screen and (max-width:400px) {
	.strapline {padding:30px 25px 10px 25px;}
	.strapline h2 {font-size:24px;line-height:28px;}
	.strapline h2 span {font-size:20px;}
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}