/* FONTS
----------------------------*/

body, h1, h2, h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	}

h1, h2 {
	font-size:0.9em;
	line-height:1.8em;
	color:#ddd;
	margin:0 0 0 1.5%;
	}
a {
	color:#EA610B;
	}

/* MAIN HOLDERS
----------------------------*/

.row { width :100%;}

.bodyholder {
	height:100%;
	width:100%;
	min-width:320px;
	background:#fff;
	}

.mBody {
	color: #fff;
	max-height:240px;
	padding:0px;
	margin:20% 0 53% 0;
	position:relative;
	background:#000;
	}
	
.center {
	max-width:940px;
	height:100%;
	min-height:220px;
	background:#000;
	}
#fireholder {
	height:100%;
	width:100%;
	max-height:240px;
	max-width:320px;
	position:relative;
	float:right;
	background:#000;
	}
#fireholder object {
	max-height:240px;
	max-width:320px;
	}
.logo {
	width:100%;
	margin:5% 0;
	}

/* TABLET SHEET
-----------------------------*/

@media only screen and (max-width: 939px) and (min-width: 768px){
	h1 {
		letter-spacing:-0.08em;
	}
}
	
/* MOBIL SHEET
-----------------------------*/

@media only screen and (max-width: 767px){
	
/* FONTS
----------------------------*/

h1 {
	width:100%;
	letter-spacing:-0.05em;
	}
h2 {
	float:left;
	width:100%;
	margin-top:3%;
	}
h1 span {
	display:block;
	word-wrap:!important;
	}
h1,h2 {
	margin-left:4%;
	}

/* MAIN HOLDERS
----------------------------*/
	
	body {
		background:#000;
		}
	.bodyholder {
		background:#000;
		}
	.mBody {
		margin:0;
		max-height:100%;
		}
	.columns.content {
		max-width:40%;
		float:left;
		}
	.center {
		min-width:320px;
		width:100%;
		min-height:100%;
		}
		
	.logo {
		text-align:left;
	}
	
	#fireholder {
		margin-top:2% !important;
		width:60% !important;
		height:100%;
		float:right;
		margin:0 auto;
		}
	
	}


@media only screen and (max-width: 479px){
	
/* FONTS
----------------------------*/

h1 {
	font-size:0.9em;
	line-height:1.8em;
	color:#ddd;
	width:100%;
	text-align:center;
	margin:0 auto 0 auto;
	}
h2 {
	width:100%;
	margin:1% auto;
	text-align:center;
	}

/* MAIN HOLDERS
----------------------------*/
	
	body {
		background:#000;
		padding-top:1%;
		}
	.bodyholder {
		background:#000;
		}
	.mBody {
		margin:0;
		max-height:100%;
		}
	.columns.content {
		width:100%;
		max-width:100%;
		float:none;
		}
	.center {
		min-width:320px;
		width:100%;
		}
		
	.logo {
		text-align:center;
	}
	
	#fireholder {
		width:auto;
		min-width:270px;
		height:auto;
		float:none;
		margin:1% auto 0;
		}
	}