body{
	font-family: 'Roboto', sans-serif;
background: -webkit-linear-gradient(#666, #EEE); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#666, #EEE); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#666, #EEE); /* For Firefox 3.6 to 15 */
background: linear-gradient(#666, #EEE); /* Standard syntax */
/*	background-color: #EEE;*/
}
#site-wrapper{background:#fff; marign:0 auto; padding:10px;}
header #logo{
	position:relative;
	top:10px;
	z-index: 100;
}
header #masthead-info{
	text-align:right;
}
header #masthead-info #tagline{
	color:#c33;
	font-size:36px;
	font-weight:700;
	margin:10px 0;
	text-transform: uppercase;
}
header #navigation{
	text-align: right;
	float:right;
}

header #navigation li a{
	color:#000;
	font-size:20px;
	font-weight:700;
	padding:0;
	margin:0 5px;
	padding:5px;
	text-transform: uppercase;
}
a{-moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s;}
header #navigation li.active,
header #navigation li a:hover{
	color:#069;
}

ul.nav li a{background:none !important;}
.toggle-nav{
	padding:15px !important;
	width:100%;
	font-size:18px;
	display:block;
	text-align: left;
	background:#000;
	color:#fff;
	font-weight:900;
}
.toggle-nav:hover{color:#fff !important; text-decoration: none;}
.toggle-nav i.fa{
	padding:4px !important;
	float:right;
}

#main-wrapper{margin-top:-30px;}
h1, h2, h3, h4, h5, h6{
	margin-top:0;
}
#main-wrapper h1{
	font-size:32px;
	font-weight:700;
	color:#fff;
	background:#c33;
	padding:10px;
}
#main-wrapper h2{
	font-size:20px;
	font-weight:700;
	color:#069;
}
#main-wrapper h3{
	font-size:20px;
	font-weight:700;
	color:#069;
}
#main-wrapper h4{
	font-size:20px;
	color:#333;
}
#main-wrapper .row{
	margin-bottom:15px;
}

footer{
	background:#ebebeb;
	padding:20px 0 10px;
	margin-top:30px;
}
footer #copyright{
	font-size:13px;
	text-align:right;
	color:#666;
}
footer #footer-navigation li a{
	color:#000;
	font-size:13px;
	font-weight:700;
	padding:0;
	margin:0 10px;
	text-transform: uppercase;
}
#featured-image{margin-bottom:30px;}
#job_calculator{margin-top:20px;}
#tons_required_result{
	text-align:center;
	font-weight:700;
	margin-top:10px;
	font-size:16px;
}

.box{
	background:#f6f6f6;
	border:1px solid #ccc;
	padding:10px 10px 20px;
	margin-bottom:30px;
}
.box h3{
	margin:10px 0 20px;
}
.box hr{
	margin:10px 0;
}
.img-responsive{display:inline-block;}
.red{color:#c33;}
.red-bg{background:#c33;}
.blue{color:#069;}
.blue-bg{background:#069;}

.company{
	text-align:center;
}

textarea{min-height:200px;}
.no-hover{text-decoration: none !important;}

section{margin-bottom:40px;}

@media (max-width: 1200px){
	header #masthead-info #tagline{font-size:32px;}
	header #navigation li a{font-size:18px;}
}
@media (max-width: 991px){
	header #logo{top:0;}
	header #masthead-info #tagline{font-size:26px;}
	header #navigation li a{font-size:14px;}
	#main-wrapper{margin-top:10px;}
	footer #copyright{	text-align:center;}
	#sidebar{margin-top:60px;}
}
@media (max-width: 767px){
	header #logo{text-align:center;}
	header #navigation{width:100%;}
	header #navigation ul.nav{
		display:none;
		background:#333;
	}
	header #navigation ul li a{
		color:#fff !important;
		text-align:center;
	}
	footer #copyright{font-size:10px;}
	.navbar-nav{margin:0;}
	.navbar-nav li{
		border-bottom:1px solid #666;
	}
	.navbar-nav li a{
		font-size:18px;
		padding:15px !important;
	}
	#sidebar .box{
		min-height:100%;
		height:100%;
		max-height:100%;
		display:block;
	}
}
@media (max-width: 479px){
	#main-wrapper #main-content p{text-align: justify;}
}