@media only screen
	and (min-width : 1024px)and (max-width : 1440px)
	 {
	 	#footer{
		background:url('images/coffeeBck2.png') 10px  no-repeat,url('images/contShad.png') 400px 75px no-repeat,url('images/footer.jpg') bottom repeat-x;
	 	}
		
}
@media only screen
	and (min-width : 1024px)and (max-width : 1440px)
	 {
	 	#footer{
		background:url('images/coffeeBck2.png') 10px  no-repeat,url('images/contShad.png') 400px 75px no-repeat,url('images/footer.jpg') bottom repeat-x;
	 	}
		
}
@media only screen
	and (max-width : 1680px) and (min-width : 1024px)
	 {
	 	#footer{
		background:url('images/coffeeBck2.png') 140px  no-repeat,url('images/contShad.png') 400px 75px no-repeat,url('images/footer.jpg') bottom repeat-x;
	 	}
		
}
@media only screen
	and (max-width : 1440px)
	 {
	 	#footer{
		background:url('images/coffeeBck2.png') 10px  no-repeat,url('images/contShad.png') 400px 75px no-repeat,url('images/footer.jpg') bottom repeat-x;
	 	}
		
}
@media only screen
	and (max-width : 1024px)
	 {
	 	#footer{
		background:url('images/coffeeBck2.png') -150px  no-repeat,url('images/contShad.png') 400px 75px no-repeat,url('images/footer.jpg') bottom repeat-x;
	 	}
		
}


/* SMARTPHONE AND TABLET  */

@media screen
	and (max-width : 960px)
	 {
	 	#wrapper{
		width:940px;
		position: absolute;
	    margin-left: -480px;
		}
		#content{
			width:920px;
			margin-left:20px;
			}
		
		#footer{
			background:url('images/contShad.png') left 85px no-repeat,url('images/footer.jpg') bottom repeat-x;
		}
		#botCont article{
			top: -15px;
		}

}
@media screen
	and (max-width : 800px)
	 {
	 	#wrapper{
		width:800px;
		position: absolute;
	    margin-left: -400px;
		}
		#content{
			width:780px;
			margin-left:10px;
			background:url('images/topBackground.png')top no-repeat,
			     url('images/botBackground1.png')  bottom  no-repeat,
			     #fff;
		
		}
		#footer{
			background:url('images/contShad.png') left 85px no-repeat,url('images/footer.jpg') bottom repeat-x;
		}
		#botCont {
			display:none;
		}
		
}
@media screen
	and (max-width : 768px)
	 {
	 	#wrapper{
			width:758px;
			position: absolute;
			margin-left: -384px;
		}
		#content{
			width:748px;
			background-size:748px;
			background:url('images/topBackground.png')top no-repeat,
			     url('images/botBackground1.png')  bottom  no-repeat,
			     #fff;
		}
		#footer{
			background:url('images/contShad.png') left 85px no-repeat,url('images/footer.jpg') bottom repeat-x;
		}
		#botCont {
			display:none;
		}
}
@media screen
	and (max-width : 640px)
	 {
	 	#wrapper{
		width:610px;
		position: absolute;
	    margin-left: -310px;
		}
		#content{
			width:600px;
			background-size:600px;
			background:url('images/topBackground.png')top no-repeat,
			     url('images/botBackground1.png')  bottom  no-repeat,
			     #fff;
		}
		#footer{
		background:url('images/contShad.png') left 85px no-repeat,url('images/footer.jpg') bottom repeat-x;
		}
		#botCont {
			display:none;
		}
}
@media screen
	and (max-width : 480px)
	 {
	 	#wrapper{
		width:455px;
		position: absolute;
	    margin-left: -237px;
		}
		#content{
			width:450px;
			background-size:455px;
		}
		#footer{
			background:url('images/contShad.png') left 85px no-repeat,url('images/footer.jpg') bottom repeat-x;
		}
		#botCont{
			display:none;
		}
}
@media screen
	and (max-width : 320px)
	 {
	 	#wrapper{
		width:320px;
		position: absolute;
	    margin-left: -160px;
		}
		#content{
			width:310px;
			background-size:320px;
			margin-left: 5px;

		}
		nav{
			margin-left:0px;
		}
		nav ul li:last-child{
			background:url('images/headerBackground.jpg') repeat-x;
			text-align:center;
		}
		nav ul li{
			display:block;
			background:url('images/headerBackground.jpg') repeat-x;
			float:none;
			height:45px;
		}
		nav ul li>a{
			background:none;
			height:45px;
			line-height: 38px;
			text-align:center;
		}	
		body{
			background:url('images/background2.jpg');
		}
		#footer{
		background:url('images/contShad.png') left 85px no-repeat,url('images/footer.jpg') bottom repeat-x;
		}
		#botCont{
			display:hidden;
		}
}