html { /* fixes scroll bar jump when switching to fancybox */
	overflow-y: scroll; /* Show vertical scrollbar */
}
body {
	width: 100%;
	text-align: center;
	font-size: 1em;
	position:relative;
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: OpenSans, sans-serif;
	margin: 0;
	background-color: #272D3E;
	color: #fff;
}
footer {
	width: 100%;
	text-align: center;
	padding: 50px 0;
	background-color: #272D3E;
	color: #555;
	font-size: 0.8em;
}

a:link,
a:visited {
	outline: none;
}

:focus {
	outline:0;
}
h1 {
	text-transform: uppercase;
	font-weight: bold;
}

p, a {
	color: #bbb;
	text-decoration: none;
}

.welcomeText h1,
.welcomeText h2,
h1,h2 {
	color: #fff;
	text-decoration: none;
}

h2 {
	font-weight: normal;
}


.badge {
	height: 42px;
}

.badge:hover {
	opacity: 0.8;
}

.button {
	padding: 10px 20px;
	border-radius: 15px;
	text-transform: uppercase;
	background-color: #5bc0de;
	color: white;
	border: none;
	width: 140px;
	margin: auto;
}

.button:hover {

	background-color: #51ABC5;
}

/* Desktop */
@media screen and (min-width: 801px) {

	h1 {
		font-size: 3em;
		margin: 0;
	}
	.mobile {
		display: none;
	}

	.welcomeText h1 {
		font-size: 50px;
	}

	.cover {
		box-shadow: 0 0 2px rgba(0, 0, 0, 1);
		width: 250px;
	}

	.welcomeText {
		z-index: 20;
		position: absolute;
		top: 40%;
		width: 100%;
		left: 0;
		text-align: center;
		text-shadow: #000 0 0 0px;
		text-transform: uppercase;
	}

}

/* Mobile */
@media (max-device-width: 568px), (max-width: 800px) {


	h1 {
		font-size: 1.6em;
		margin: 30px 0 10px 0;
	}

	.welcomeText h1 {
		font-size: 2em;
	}

	.welcomeText h2 {
		font-size: 1em;
	}

	.desktop {
		display: none;
	}

	.welcomeText {
		z-index: 20;
		position: absolute;
		width: 100%;
		top: 40%;
		left: 0;
		text-align: center;
		text-shadow: #000 0 0 0px;
		text-transform: uppercase;
	}
}


.social-icons {
	width: 24px;
	margin: 5px;
}


@font-face {
	font-family: "Bank Gothic";
	src: url(BankGothicBold.ttf);
}

.gameTitle_tsp,
.gameTitle_pq {
	font-family: 'Bank Gothic', Arial, sans-serif;
}

.gameTitle_as,
.gameTitle_to,
.gameTitle_tr {
	font-family: "Eras ITC", "Eras Bold ITC",  sans-serif;
}

.gameTitle_fs {
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}