/* ------------------------------------------------------  iPad */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	

body{
		
}
	
#footer{
		float: left;
		position: relative;
}

.the-page{
	margin-bottom: 0px;
	min-height: 1000px;

}


}



/* ------------------------------------------------------Anything from the iPad on down*/
@media only screen and (max-width: 991px) {
	/*add styles here for things that shouldn't show below a tablet */
}




/* ------------------------------------------------------iphone landscape*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
	



}





/* ------------------------------------------------------iPhone portrait*/
@media only screen and (max-width: 479px) {





}






/* ------------------------------------------------------Retina Specific -------*/
@media
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}