@CHARSET "UTF-8";

@media screen and (max-width: 800px) {
	
	html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
		font-size: 10px;
		letter-spacing: 0.5px; 
	}
	
	.sm-width8, .sm-width10, .sm-width15, .sm-width20, .sm-width25, .sm-width33, .sm-width36, .sm-width40, .sm-width100 { width: 100%; }
	
	.sm-text-center { text-align: center; }
	
	.table-title, td, th {
		padding: 5px;
	}
	
	th, td { text-align: center; }
	
	.btn {
		padding: 8px;
	}
	
	.modal {
		top: 50px;
	}
	
	.modal-close {
		font-size: 18px;
	}
	
}