html
	{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	}


body
	{
	position: relative;
	height: 100%;
	min-height: 550px;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}


.band
	{
	position: relative;
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}


.header
	{
	height: 50%;
	min-height: 200px;
	max-height: 320px;
	background-color: #000000;
	box-sizing: border-box;
	}
	@media screen and (max-width: 640px)
		{
		.header
			{
			height: auto;
			min-height: 0;
			max-height: none;
			background-color: #FFFFFF;
			}
		}


.cover
	{
	height: auto;
	box-sizing: border-box;
	}
	@media screen and (min-width: 641px)
		{
		.cover
			{
			background-color: #BE1623;
			background-image: url("background.jpg");
			background-position: right center;
			background-repeat: no-repeat;
			background-size: cover;
			}
		}

.main
	{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: #FFFFFF;
	}


.header .center
	{
	display: table;
	}
	@media screen and (max-width: 640px)
		{
		.header .center
			{
			display: block;
			width: 320px;
			background-color: #000000;
			}
		}


.center
	{
	width: 100%;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	}
	@media screen and (max-width: 640px)
		{
		.center
			{
			width: 320px;
			height: 100%;
			padding: 0
			}
		}


.header .content
	{
	display: table-cell;
	vertical-align: middle;
	top: 0;
	bottom: 0;
	width: auto;
	height: 100%;
	margin: 0;
	padding: 10px;
	}
	@media screen and (max-width: 640px)
		{
		.header .content
			{
			display: block;
			width: 300px;
			background-color: #000000;
			}
		}


.header .content.emoji
	{
	width: 138px;
	}
	@media screen and (max-width: 960px)
		{
		.header .content.emoji
			{
			margin: 0 81px;
			}
		}


.cover .content
	{
	width: 33.33%;
	min-width: 320px;
	height: 100%;
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 10px;
	background-color: #BE1623;
	box-sizing: border-box;
	opacity: 0.85;
	filter:alpha(opacity=85);
	}
	@media screen and (max-width: 960px)
		{
		.cover .content
			{
			width: 50%;
			}
		}
	@media screen and (max-width: 640px)
		{
		.cover .content
			{
			width: 300px;
			opacity: 1;
			filter:alpha(opacity=100);
			}
		}

.cover ul
	{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: square;
	}


.main .onethird
	{
	position: relative;
	float: left;
	width: 33.33%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	}
	@media screen and (max-width: 960px)
		{
		.main .onethird
			{
			width: 100%;
			}
		}
	@media screen and (max-width: 640px)
		{
		.main .onethird
			{
			width: 300px;
			}
		}


.main .twothird
	{
	position: relative;
	float: right;
	width: 66.66%;
	margin: 0;
	padding: 10px;
	text-align: right;
	box-sizing: border-box;
	}
	@media screen and (max-width: 960px)
		{
		.main .twothird
			{
			width: 100%;
			float: left;
			text-align: left;
			}
		}
	@media screen and (max-width: 640px)
		{
		.main .twothird
			{
			width: 300px;
			float: left;
			text-align: left;
			}
		}


.main .full
	{
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	}
	@media screen and (max-width: 960px)
		{
		.main .full
			{
 			text-align: left;
			}
		}
	@media screen and (max-width: 640px)
		{
		.main .full
			{
			width: 300px;
			text-align: left;
			}
		}



.font-title
	{
	font-family: 'Big Shoulders Text', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 56px;
	line-height: 58px;
	margin: 0;
	padding: 0;
	}



.font-bigger
	{
	font-family: 'Big Shoulders Text', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 34px;
	margin: 0;
	padding: 0;
	}


.font-big
	{
	font-family: 'Big Shoulders Text', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 28px;
	margin: 0;
	padding: 0;
	}


.font-normal
	{
	font-family: 'Big Shoulders Text', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	}



.black
	{
	color: #000000;
	}


.white
	{
	color: #FFFFFF;
	}


.red
	{
	color: #BE1623;
	}