@charset "utf-8";
/* CSS Document */

body { 	
/*background: url("jpg/responsive-guide.jpg") repeat fixed left top;  */
}
 
.font8 {font-size: 8px; }
.font12 {font-size: 12px; }
.font16 {font-size: 16px; }
.font28 {font-size: 18px; }
.font23 {font-size: 23px; }
.font30 {font-size: 30px; }
.font40 {font-size: 40px; }
.font50 {font-size: 50px; }


/* use these inside a span for media-width reponsive text */
span.media-mobile { display: inline;}
span.media-tablet { display: none;}
span.media-pc { display: none;}
span.media-wide{ display: none;}
span.media-ultrawide{ display: none;}
@media all and (min-width: 501px) {
	span.media-mobile { display: none;}
	span.media-tablet { display: inline;}
}
@media all and (min-width: 768px) {
	span.media-tablet { display: none;}
	span.media-pc { display: inline;}
}
@media all and (min-width: 900px) {
	span.media-pc{ display: none;}
	span.media-wide { display: inline;}
}
@media all and (min-width: 1100px) {
	span.media-wide{ display: none;}
	span.media-ultrawide { display: inline;}
}