*{ margin:0px; padding:0px;}
body{ background:#FFFFFF;}
.clear{ clear:both;}
#maincontain { width: 1024px; margin: 0 auto;}
.contain{ width:1024px; margin:0 auto;}
.sectionOne { width:50%; float:left;}
/*.bg-overlay{ background: rgba(0, 0, 0, 0.5);} */
.orderBtn a.order-btn span, .offerBtnOne .heading, .footer h1, .footer p { font-family: 'Josefin Sans', sans-serif;}
	
.offerBtn{ width: 200px; height: 190px; position: absolute; right: 0; top: -100px; background: url(../images/offer.png) no-repeat center; text-align: center; }	
.offerBtn span{ padding: 58px 0 0 0; display: block; font-family: 'Rancho', cursive; font-size: 20px; line-height: 20px; color: #1e1e1e; width: 100px; margin: 0 auto;}	
.offerBtn span a{ text-decoration:none; color: #FFFFFF;}

.orderBtn a.order-btn { width: 175px; display: block; text-align: center; text-decoration: none; margin: 0 auto;
	background:#FFFFFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
    -webkit-transition: background-color 0.4s ease 0s; -moz-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s;}
.orderBtn a.order-btn span{ font-weight: 600; font-size: 18px; color: #f18a17; line-height: 22px; padding: 10px 0 6px 0; display: block;}	
.orderBtn a.order-btn:hover span{ color: #FFFFFF;}
.orderBtn a.order-btn:hover { background:#f18a17; color: #FFFFFF;}

.offerBtnOne { background: rgba(112, 4, 20, 0.8); padding: 10px 0; text-align: center;}
.offerBtnOne .heading{ font-weight: 400; font-size: 20px; color: #FFFFFF; margin-bottom: 10px;}

#bg-img { background: url(../images/tremendousque-bg.jpg) no-repeat center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#header { background:#FFFFFF; text-align:center; padding:10px 0; -webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.4); box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.4);} 
#banner { height:400px;}
#banner	.contain { position:relative; padding: 300px 0 0 0;}

.footer{ text-align: center; background:#FFFFFF;}
.footer h1{ font-weight: 600; font-size: 25px; color: #f18a17; padding: 15px 0;}
.footer p{ font-weight: 400; font-size: 15px; line-height: 24px; color: #656565; padding: 0 0 15px 0;}
.footer .footerInner { padding:15px 0; border-top:1px dotted #3c3c3c;}
.footer .sectionOne ul{ list-style-type: none; margin: 0; padding: 0;}
.footer .sectionOne ul li { display:block; padding:0 0 6px 0; font-family: 'Josefin Sans', sans-serif; font-size: 15px; line-height: 20px; color: #656565;}
.footer .sectionOne ul li:first-child { font-size: 19px; font-weight: 600; color: #700414;}
.footer .sectionOne ul li:last-child { padding:0;}
.footer .sectionOne ul li a { color: #f18a17;}
.footer p.copyright{ color: #FFFFFF; padding: 10px 0; background: #700414; font-weight: 600;}

@media only screen and (min-width : 320px) and (max-width : 1024px) {
	#maincontain, .contain{ width:100%;}
	.sectionOne { width:100%; float:none; padding:10px 0;}
	#header img { max-width: 150px;}
	#banner { height: 320px;}
	.offerBtnOne { margin: 0;}
	#banner .contain { padding:0;}
	.offerBtn { top:0; margin: 0 auto; position: inherit;}
	.footer { width: 96%; margin:0 auto;}
}