*{ margin:0px; padding:0px;}
body{ background: url(../images/primeavenue-bg.jpg?v=1.0) no-repeat center -30px fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.clear{ clear:both;}
.sectionOne{ padding:12px;}
#container{ width:1024px; margin: 0 auto;}
.bg-overlay{ background:rgba(62, 67, 72, 0.5);}

/*************{offerBtn}*************/

.offerBtn{ background:#ea1e19; font-family: 'Karla', sans-serif; font-weight: 700; font-size: 20px; color: #FFFFFF; text-align: center; padding:12px 0;
	margin-bottom:10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }	
.offerBtn a{ text-decoration:none; color: #FFFFFF;}

/*************{orderBtn}*************/

a.order-btn { width: 160px; display: inline-block; *display: inline; text-align: center; text-decoration: none; background: #ea1e19;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
    -webkit-transition: background-color 0.4s ease 0s; -moz-transition: background-color 0.4s ease 0s; transition: background-color 0.4s ease 0s;}
a.order-btn span{ font-family: 'Karla', sans-serif; font-weight: 700; font-size: 17px; color: #FFFFFF;
	line-height: 18px; padding: 8px 0; display: block;}	
a.order-btn:hover span{ color: #FFFFFF;}
a.order-btn:hover { background:#da1c17; color: #FFFFFF;}

.header { padding: 30px 0 15px 0; text-align:center; position:relative;} 
.header .headinfo{ position: absolute; right: 0; top: 30px;}

.body { height: 300px; position:relative;}
	
.footer{ background:rgba(38, 40, 40, 0.6); padding:10px; text-align: center;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;} 
.footer h1, .footer h2, .footer p, .copyright p{ font-family: 'Karla', sans-serif; font-weight: 400;}
.footer h1{ font-size: 25px; padding: 10px 0 0 0; color: #FFFFFF;}
.footer h2{ font-weight: 400; font-size: 19px; padding: 0 0 8px 0; color: #FFFFFF;}
.footer p{ font-size: 17px; color: rgba(255, 255, 255, 0.8); line-height:22px;}
.footer p strong{ font-weight:400; color: rgba(255, 255, 255, 1);}
.copyright p{ font-weight: 400; font-size: 16px; color: #FFFFFF; padding: 10px 0 0 0; border-top: 1px solid #ffffff; text-align:center;}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
	.bg-overlay { background:transparent;}
	.header img { display: block; max-width: 300px; margin: 0 auto;}
	.header .headinfo { top: 40px;}
	#container { width:96%;}
	.orderBtn{ position:inherit; margin: 20px 0;}
	a.order-btn {width: 180px;}
	a.order-btn span { font-size: 19px; color: #FFFFFF; line-height: 20px; padding: 8px 0 6px 0;}
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	.bg-overlay { background:transparent;}
	.header{ background: rgba(62, 67, 72, 0.5);}
	.header img { display: block; max-width: 225px; margin: 0 auto;}
	.header .headinfo{ position:inherit; margin: 15px 0 0 0; padding:0; top: 0;}
	a.order-btn {width: 180px;}
	a.order-btn span { font-size: 19px; color: #FFFFFF; line-height: 20px; padding: 8px 0 6px 0;}
	#container{ width: 100%;}
	.body { height: 200px;}
}