/*
0.625em = 10px
0.75em = 12px
0.875em = 14px
1em = 16px
1.125em = 18px
1.25em = 20px
1.375em = 22px
1.5em = 24px
1.625em = 26px
1.75em = 28px
1.875em = 30px
2em = 32px
*/
body {
	background-color:#f1f1f1;
}
h1, h2, h3, h4 {
	font-family:'BenchNine', sans-serif;
	margin:3px;
}
h1 {
	font-size:1.75em;
	text-transform:uppercase;
	padding-bottom:9px;
}
h2, h3, h4 {
	font-size:1.5em;
	padding-bottom:6px;
}
/* Brand Logo Slogan*/
#brand {
	/*border:1px solid;*/
	width:100%;
}
.brand-detail {
	font-family:'BenchNine', sans-serif;
	text-align:center;
	max-width:345px;
}
.brand-detail img {
	height:auto;
	max-width:100%;
}
.brand-detail .description {
	font-size:1.5em;
	display:inline-block;
}
.brand-detail .slogan {
	font-size:1.375em;
	display:inline-block;
}
/* Wrapper*/
#wrapper {
	display:block;
	width:100%;
}
header, .content {
	padding-left:30px;
	padding-right:30px;
}
.maintenance .message {
	float:left;
	padding-top:175px;
	width:45%;
}
.maintenance h1 {
	text-align:center;
}
.maintenance p {
	font-size:1em;
	text-align:justify;
}
.maintenance img {
	float:right;
	height:auto;
	max-width:100%;
}
footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color:#999999;
	color:#FFFFFF;
	text-align: center;
}
@media (max-width:480px) {
	.maintenance .message {
		float:left;
		padding-top:25px;
		width:100%;
	}
	.maintenance img {
		float:left;
        padding-top:25px;
	}
}
@media (min-width:480px) and (max-width:768px){
.maintenance {text-align:center;}
	.maintenance .message {
		float:left;
		padding-top:25px;
		width:100%;
	}
	.maintenance img {
		float:left;
        padding-top:25px;
	}
}
@media (min-width:768px) and (max-width:1024px){
.maintenance {text-align:center;}
	.maintenance .message {
		float:left;
		width:35%;
	}
	.maintenance img {
		float:right;
        padding-top:25px;
	}
}