/* ---RDD Special Classes Start ---*/
/* --- Donna Young, donnayoung.org - for (RDD) Responsive Design Development ---*/
/* --- Using Pseudo-element ::after and content: with position:fixed to cause breakpoint widths to always display ---*/
/* --- Add Below to bottom of CSS ---*/
/* --- More information at http://donnayoung.org/blog/dy-updates/dywork/responsive-website-design-always-display-breakpoints ---*/

@media only screen and (min-width:1920px) {
	#bottom::after {content:"(min-width:1920px)";
	background:yellow;
	position:fixed; left:10px; bottom:10px;}
}

@media only screen and (min-width:1366px) and (max-width:1919px){
	#bottom::after {content:"(min-width:1366px) and (max-width:1919px)";
	background:yellow;
	position:fixed; left:10px; bottom:10px;}
}

@media only screen and (min-width:1280px) and (max-width:1365px){
	#bottom::after {content:"(min-width:1280px) and (max-width:1365px)";
	background:yellow;
	position:fixed; left:10px; bottom:10px;}
}

@media only screen and (min-width:1040px) and (max-width:1279px){
	#bottom::after {content:"(min-width:1040px) and (max-width:1279px)";
	background:yellow;
	position:fixed; left:10px; bottom:10px;}
}

@media only screen and (min-width:800px) and (max-width:1039px){
	#bottom::after {content:"(min-width:800px) and (max-width:1039px)";
	background:yellow;
	position:fixed; left:10px; bottom:10px;}
}

@media only screen and (min-width:540px) and (max-width:799px){
	#bottom::after {content:"(min-width:540px) and (max-width:799px)";
	background:yellow;
	position:fixed; left:10px; bottom:10px;}
}

/* --- RDD Special Classes End - Remove Pseudo-element "::after" when work is completed --- */