h2{
	text-align: center;
	text-transform: uppercase;
}
h4{
	text-align: left;
	padding-left: 5%;
}

header img{
	position: absolute;
	margin-left: 2%;
}
#offer{
	z-index: -1;
}
img .offer{
	display: inline-block;
	position: relative;
	padding-left: 2%;
}
#offerEnds{
	display: block;
	position: absolute;
	padding-top: 12%;
	padding-left: 5.4%;
	text-transform: capitalize;
	font-size: 15px;
	text-align:center;
	font-weight:bolder;
}
.btn-size{
	display: inline-block;
	position: absolute;
	margin-left: 39%;
	margin-top: -35.5%;
	}
@media (max-width: 1901px){
	#offerEnds{
		display: none;
	}
	#offer{
		display: none;
	}
}
@media (max-width: 1200px){
	h4{
		text-align:center;
		line-height:2.5em;
	}
	.btn-size{
	margin-left: 42%;
	margin-top: -45%;
	}
	.btn-primary{
		margin-left:35%;
	}
}
@media (max-width: 992px){
	.btn-size{
	margin-left: 36%;
	margin-top: -58.5%;
	}
	.btn-primary{
		margin-left:29%;
	}
}
@media (max-width: 768px){
	.btn-size{
	margin-left: 48%;
	margin-top: -21.5%;
	}
	.btn-primary{
		margin-left:46%;
	}
	.navbar-header{
	padding-left: 35%;
	padding-bottom: 6%;
	}
	.btn{
		display: none;
	}
}
@media (max-width: 767px){
	.btn-size{
	margin-top: -12.5%;
	}
}
@media (max-width: 763px){
	.btn-size{
	margin-top: -12.3%;
	}
}
@media (max-width: 760px){
	.btn-size{
	margin-top: -12.1%;
	}
}
@media (max-width: 759px){
	.btn-size{
	margin-top: -12%;
	}
}
@media (max-width: 758px){
	.btn-size{
	margin-top: -11.9%;
	}
}
@media (max-width: 435px){
	.btn-size{
	margin-top: -23.5%;
	}
	.navbar-header{
	padding-left: 28%;
	padding-bottom: 8%;
	}
}
@media (max-width: 414px){
	.btn-size{
	margin-top: -25%;
	margin-left:43%;

}
	.navbar-header{
	padding-left: 20%;
	padding-bottom: 10%;
	}
}
@media (max-width: 375px){
	.btn-size{
	margin-top: -28%;
		margin-left:42%;
	}
	.navbar-header{
	padding-left: 15%;
	padding-bottom: 10%;
	}

}
@media (max-width: 320px){
	.btn-size{
	margin-top: -33%;
	margin-left:40%;
	}
	.navbar-header{
	padding-left: 10%;
	padding-bottom: 10%;
	}
}