@media screen and (min-width: 1500px) {


.wide-left {
	width:250px; height:710px; position:fixed; top:60px; margin-left:-280px; z-index:1;
	}
	
.wide-right {
	width: 250px; height: 710px; position:fixed; top:60px; margin-left:960px; z-index:1;
	}	
	
	
/* this class is applied to the homepage takeovers */
	
.hp-takeover-wide {
	display:block !important;
	}
	
	
.hp-takeover-thin {
	display:none !important;
	}
	
/* this class is applied to all takeovers not on the homepage */
	
.takeover-wide {
	display:block !important;
	}
	
	
.takeover-thin {
	display:none !important;
	}
	

}