/* CSS Document */

.header-area {
	background-image: url(../images/hero-BG.jpg);
	background-repeat:repeat-x;
	margin-bottom: 0px;
	background-color: #323232;
	margin-top: -30px;
	background-attachment:fixed;
	padding-top:48px;
	
}
.main-content-order {
	font-size: 15px;
	color: #FFFFFF;
	margin-top: -30px;
	background-color:rgba(32,32,32,0.7);
	padding: 40px 5% 50px 5%;
	border-color:#5A5A5A;
	border-style:dotted;
	border-width:3px;
	margin-bottom:60px;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
.header-area {
	background-image: url(../images/hero-BG-upper.jpg);
	background-repeat:repeat;
}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.header-area {
	background-image: url(../images/hero-BG-upper.jpg);
	background-repeat:repeat;
	padding-top:5px;
}	
}