html {
	height: 100%;
}
html,
body {
	position: relative;
	width: 100%;
}
body {
	background-color: #c4d2c6;
	background-image: url('../img/bg-tile.png');
	background-attachment: fixed;
}
header,
section,
footer {
	position: relative;
	width: 100%;
	float: left;
}
header {
	background-image: url('../img/header.jpg');
	background-size: 100% auto;
	background-attachment: fixed;

	width: 100%;
	margin: 0;

	box-shadow: 0 10px 50px 5px rgba(0,202,201,0.35);
}
header img {
	opacity: 0;
	height: auto;
	width: 100%;
}

img.left {
	float: left;
}

footer {
	background: rgb(50,50,50);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(34,34,34,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(34,34,34,1) 100%);
	background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(34,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#222222',GradientType=0 );

}
footer{
	height: 200px;
}

section {
	width: 100%;
	text-align: center;
}
article {
	width: 80%;
	margin: 0 10%;

	position: relative;
	float: left;
	clear: both;
	padding: 25px;
}
article.info {
	box-shadow: 0 10px 50px 5px rgba(0,202,201,0.35);

	border-top: 2px solid #5cda18;
	border-bottom: 2px solid #5cda18;

	overflow: hidden;

	background: rgb(224,233,213);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTlkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmY0ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(224,233,213,1) 0%, rgba(239,244,236,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(224,233,213,1) 0%,rgba(239,244,236,1) 100%);
	background: linear-gradient(to bottom,  rgba(224,233,213,1) 0%,rgba(239,244,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e9d5', endColorstr='#eff4ec',GradientType=0 );
}
article.info .bgimg {
	position: absolute;
	top: 0;
	height: auto;
	width: 35%;
	float: left;
}
article.info .bgimg-left {
	left: 0;

}
article.info .bgimg-right {
	right: 0;

}
article.info p {
  text-align: left;
  font-size: 20px;
}
article.info-download p {
  float: left;
  width: 45%;
  line-height: 40px;
  margin-left: 2.5%;
  color: #023c09;
  margin-bottom: 15px;
}
article.info-download h2 {
	font-family: "refrigerator-deluxe", Arial, Helvetica, sans-serif;
	float: left;
	width: 45%;
	margin-left: 2.5%;
	color: #023c09;

	margin-top: 5%;
	text-align: center;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 34px;
	margin-bottom: 25px;
}
article.info-download .icon-wrapper {
	float: left;
	margin-left: 2.5%;
	width: 15%;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}
article.info-download .icon-wrapper img {
	width: 100%;
	float: left;
	clear: both;
  margin-bottom: 30px;
}
article.info-howto {
	width: 100%;
	margin: 0;

	background-color: #000;
	background-image: url('../img/bg-foot-tile.png');
	background-size: auto 260px;
	background-attachment: fixed;
}
article.info-howto h2 {
	margin: 25px 0;
	text-align: center;
	font-weight: 900;
	font-size: 68px;
	text-shadow: 0px 3px 8px #07a01c;
	color: #fff;
	text-transform: uppercase;
	font-family: "refrigerator-deluxe", Arial, Helvetica, sans-serif;
}
article.info-howto p {
	margin-bottom: 15px;
	text-align: center;
	font-size: 24px;
	color: #66ffff;
	color: #5cda18;
	text-transform: uppercase;	
	font-weight: bold;
	font-family: "refrigerator-deluxe", Arial, Helvetica, sans-serif;
}
article.info-howto img.img-howto {
  width: 50%;
  height: auto;
}
article.info-unlocked p {
	margin-top: 5%;
  float: right;
  width: 55%;
  line-height: 40px;
  margin-right: 5%;
  color: #023c09;
  margin-bottom: 15px;
}
article.info ul.gallery {
  float: right;
  width: 50%;
  margin-right: 2.5%;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}
article.info ul.gallery li {
	float: left;
	width: 45%;
}
article.info ul.gallery li:nth-child(2n) {
	margin-left: 5%;
}
article.info ul.gallery li:nth-child(3) {
	clear: both;
	margin-top: 20px;
}
article.info ul.gallery li:nth-child(4) {
	margin-top: 20px;
}
article.info ul.gallery li img {
	width: 100%;
	height: auto;

}