@font-face
{
	font-family: "Comfortaa";
	src: url("/files/fonts/Comfortaa/Comfortaa-Thin.eot");
	src: url("/files/fonts/Comfortaa/Comfortaa-Thin.eot?iefix") format("embedded-opentype"),
		url("/files/fonts/Comfortaa/Comfortaa-Thin.woff") format("woff"),
		url("/files/fonts/Comfortaa/Comfortaa-Thin.ttf")  format("truetype");
	font-weight: 100;
	font-style: normal;
}

@font-face
{
	font-family: "Muli";
	src: url("/files/fonts/Muli/Muli-Light.eot");
	src: url("/files/fonts/Muli/Muli-Light.eot?iefix") format("embedded-opentype"),
		url("/files/fonts/Muli/Muli-Light.woff") format("woff"),
		url("/files/fonts/Muli/Muli-Light.ttf")  format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face
{
	font-family: "OpenSans";
	src: url("/files/fonts/OpenSans/OpenSans-Light.eot");
	src: url("/files/fonts/OpenSans/OpenSans-Light.eot?iefix") format("embedded-opentype"),
		url("/files/fonts/OpenSans/OpenSans-Light.woff") format("woff"),
		url("/files/fonts/OpenSans/OpenSans-Light.ttf")  format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face
{
	font-family: "Ubuntu";
	src: url("/files/fonts/Ubuntu/Ubuntu-Light.eot");
	src: url("/files/fonts/Ubuntu/Ubuntu-Light.eot?iefix") format("embedded-opentype"),
		url("/files/fonts/Ubuntu/Ubuntu-Light.woff") format("woff"),
		url("/files/fonts/Ubuntu/Ubuntu-Light.ttf")  format("truetype");
	font-weight: 300;
	font-style: normal;
}

a
{
	text-decoration: none;
	color: inherit;
}

a img
{
	border: none;
}

h2
{
	font-size: 1.5rem;
}

h3
{
        font-size: 1rem;
}


html
{
	min-width: 300px;
	height: 100%;
	font-size: 18px;
	line-height: 26px;
        font-family: openSans, Arial, Times, serif;
        font-weight: 300;
}

body
{
	width: 100%;
	height: 100%;
	margin: 0px;
}

.block
{
	width: 100%;
	margin: 0px;
	display: box;
	box-align: center;
	box-pack: center;
}

.block > *
{
	padding: 5%;
	max-width: 600px;
}

.block#header
{
	height: 100%;
	background-color: #e26a6a;
	color: #f7f7f7;
	position: relative;
}

.block#header header
{
	position: relative;
	margin: 0px auto;
	text-align: center;
}

.block#header #title
{
	font-family: Comfortaa, Arial, Times, serif;
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0px;
	white-space:nowrap;
}

.block#header #text
{
	font-family: OpenSans, Arial, Times, serif;
	font-size: 1rem;
	font-weight: 300;
	margin: 0px;
}

@media only screen and (min-width: 768px)
{
	.block#header #title
	{
		font-size: 5rem;
		line-height: 2.4rem;
		padding-right: 15%;
	}

	.block#header #text
	{
		font-size: 1.5rem;
		float: right;
		margin: 0px;
		line-height: 3rem;
	}
}

#scrollDown
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.block#wildwheels
{
	background-color: #6eceeb;
	color: #333333;
}

.block#wildwheelsduck
{
	background-color: #ffffcf;
	color: #333333;
}

.block#wildwheelsduck #assemblyInstructions
{
	/*width: 100%;*/
	/*height: auto;*/
	/*min-width: 100%;*/
}

.block#wildwheelscomingsoon
{
	background-color: #45AF92;
	color: #ffffff;
}

.block#about
{
	background-color: #e8e8e8;
	color: #111111;
}

.block#footer
{
	background-color: #3A4046;
	color: #f5f5f5;
	text-align: center;
}

.block#footer > * > *
{
	display: block;
}

@media only screen and (min-width: 768px)
{
	.block#footer > * > *
	{
		display: inline;
		margin: 0px 10px;
		white-space: nowrap;
	}
}