@charset "UTF-8";

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
 @media only screen and (max-width:480px) {

#container {
	margin-left: auto;
	margin-right: auto;
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

#maincontent img {
	margin: 0px auto;
	width: auto;
	height: auto;
	max-height: 275px;
	max-width: 100%;
}

h1 { font-size: 10px; }

h2 { font-size: 7.5px; }

p, .titles, .more, #pagination, #about li, #maincontent p { font-size: 7px; }

#pagination a, #pagination a.active, #p3 {
	padding: 3.4% 6% 3.4% 6%;
	font-size: 6px;
}

#footer p { font-size: 6px; }
}
 @media only screen and (min-width: 481px) {

#container {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

#maincontent img {
	margin: 0px auto;
	width: auto;
	height: auto;
	max-height: 400px;
	max-width: 100%;
}

h1 { font-size: 16px; }

h2 { font-size: 12px; }

p, .titles, .more, #pagination, #about li, #maincontent p { font-size: 11px; }

#pagination a, #pagination a.active, #p3 {
	padding: 3% 4.6% 3% 4.6%;
	font-size: 8px;
}

#footer p { font-size: 9px; }
}
 @media only screen and (min-width: 769px) {

#container {
	width: 88.2%;
	max-width: 1000px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}

#maincontent img {
	margin: 0px auto;
	width: auto;
	height: auto;
	max-height: 100%;
}

h1 { font-size: 21px; }

h2 { font-size: 16px; }

p, .titles, .more, #pagination, #about li, #maincontent p { font-size: 15px; }

#pagination a, #pagination a.active, #p3 {
	padding: 4% 5.4% 3% 5.4%;
	font-size: 11px;
}

#footer p { font-size: 12px; }
}