/*
 *  CSS for proportional responsiveness
 *
 *  1.) Set html font-size to 1px
 *  2.) Replace all px sizes in stylesheets to rem (relative to html font-size)
 *  3.) Set @media query max-width to [container size] (including padding)
 *  4.) Set responsive html font-size to vw (percentage of browser width): 1px / [container size] * 100%
 *
 */

/*
html {
  font-size: 1px;	 
}
 
@media (max-width: 1175px) {
	
	html {
	  font-size: 0.0851vw;
	}
}
*/

.adsense_header {
	width: 320px; height: 50px; text-align: center
}
.adsense_footer {
	width: 320px; height: 100px; text-align: center
}

/* Responsive Adsense Styles */

@media (min-width: 415px) {
	.adsense_header {
		width: 728px; height: 90px; text-align: center
	}
}

@media (min-width: 728px) {
	.adsense_footer {
		width: 728px; height: 90px; text-align: center
	}
}

@media (min-width: 769px) {
	.mobile-only {
		display:none !important;
	}
}

@media (max-width: 768px) {
	.desktop-only {
		display:none !important;
	}
	
	.fox-row > * {
		min-width: 50%;
	}
}

@media (max-width: 480px) {
	.fox-row > * {
		min-width: 100%;
	}
}