body {
 background-image: url("../../images/unknown-castle/wall.png");
 background-color: #cccccc;
 margin:0px;
}

/* Background */
.bg {
/* The image used */
background-image: url("../../images/unknown-castle/banner new big.png");

height: 15%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}

hr {
	color: #502d72;
	width:40%;
	margin-top:100px;
}

/* title */
.title {
	text-align: center;
	text-color: white;
	color: white;
	width: 100%;
	border: 25px #333;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 25px;
	padding-top: 0;
	font-size: 20px;
	font-family: courier new;
}

/* CONTENTS */
.contents {
	color: #d5d9e0;
	text-align: center;
	width: 60%;
	margin: 0 auto;
}

/* VIDEO */
lite-youtube {
	position: absolute;
	margin: 0 auto;
	margin-top:10px;
}
.videocontainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.videocontainer iframe,
.videocontainer object,
.videocontainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/* TESTIMONIALS 
.testimonials {
	font-size: 25px;
	width: 80%
	margin: 0 auto;
	padding-top: 30px;
}*/

img {
	max-width:100%;
	height:auto;
}
.storelinks {
	padding:10px;
	padding-top:0px;
	max-width:70%;
}

h1, h2, h3 {
	margin-top:100px;
}
h3 {
	font-size: 24px;
}
ul {
	text-align:left;
	font-size:20px;
}
a {
	color:white;
	font-size:20px;
}

.footer {
	padding: 10px;
	padding-top:20px;
	margin:0px;
	width: 100%;
	background-color: #502d72;
	color: white;
	text-align: center;
}
.footer a {
	font-size:16px;
}

/* WIDGETS 
.itchio {
	width: 552px;
	height: 170px;
	padding-bottom: 20px;
	max-width: 100%;
}
.steam {
	width: 552px;
	height: 200px;
	padding-bottom: 10px;
	max-width: 100%;
}*/

/* RESPONSIVE */
@media screen and (max-width: 1300px) {
	.storelinks {
		padding-top:30px;
	}
}
@media screen and (max-width: 700px) {
	.contents {
		width: 80%;
	}
	.storelinks {
		padding:0px;
		padding-top:50px;
	}
	lite-youtube {
		margin-top:0px;
	}
}
@media screen and (max-width: 500px) {
	.contents {
		width: 100%;
	}
}