#Pages > h2{color:#eee;font-size:125%; padding:.4em 0;}
#Pages > h3{color:#aeedef;font-size:115%;padding:.3em 0;}
#Pages > h4{color:#f8ffe5; font-size:105%;padding:.2em 0;}
#Pages ul, #Pages ol
{padding-right:1%;}
#Pages > header {
    margin-bottom: 1em;
    background-color: #111328;
    padding: 1%;
    line-height: 150%;
    text-align: center;
}

#Pages > header >h1{padding:.5em 0; font-size:150%;}
#Pages > header > h1 > a{color:#f4a302;}
#PageFigure {float: left;width: auto;text-align: center;margin: 0 1em 1em 0;padding: .5%;background-color:#111328;color: #f4a302;}
#PageFigure>img{display:block;width:100%;height:auto}
#PageFigure figcaption {font-size:80%;}
#Pages > footer {clear: both;background-color:#111328;padding:.5em;margin-top:1em;}
#Pages > footer > div{ clear:both; text-align:center;}

#Pages>article{float:right;width:47%;margin:1%;padding:.5%;transition:.4s;border-radius:5px;height:12em}
#Pages>article>h2>a{color:#f4a302;font-weight:normal;font-size:85%}
#Pages>article>a{float:right;width:35%;padding:.5%;margin:0 0 1.5% 1.5%;overflow:hidden}
#Pages>article>a>img{display:block;width:100%;height:auto;}
#Pages>article>p{font-size:80%;text-align:justify;line-height:150%;overflow-y:auto; height:9em; padding-left:.3em;}
#Pages>i{display:block;clear:both}

#Tag {text-align: center;margin: 2em 0 1em 0; clear:both;}
#Tag > li {display: inline-block;padding: 3px 5px;background-color: #93a5ec;font-size: 80%;margin: 2px 1px;border: 1px solid #111328;border-radius: 3px;color: #111328;transition:.4s;}
#Tag > li:hover { background-color:#f4a302;}
#Tag > li a{color:#111328;}
#NP {height: 17px;margin: 2em 0;}
#P {float: right;height: 17px;background-image: url('/Layout/Files/Site/Previous.png');background-repeat: no-repeat;font-size: .7em;padding-right: 22px;line-height: 17px;vertical-align: middle;background-position: right center;color: #fdda7c;}
#N {float: left;height: 17px;background-image: url('/Layout/Files/Site/Next.png');background-repeat: no-repeat;font-size: .7em;padding-left: 22px;line-height: 17px;vertical-align: middle;color: #fdda7c;}
#Light {margin: 1em 0;text-align: center;direction: ltr; clear:both;}
#Light a{width:23%;margin:.5%;padding:.5%;background-color:#333;display:inline-block}
#Light a>img{display:block;width:100%; height:auto;}

.inline-block-4{float:right;width:23%;padding:.5%;margin:1em .5%;font-size:80%; line-height:120%}
.inline-block-3{float:right;width:30.33%;padding:.75%;margin:1em .75%;font-size:85%;line-height:130%;}
.inline-block-2{float:right;width:46%;padding:1%;margin:1em 1%;font-size:90%; line-height:140%;}
.inline-block-4 > img, .inline-block-3 > img, .inline-block-2 > img {display: block;width: 100%; margin-bottom:.5em;}
.inline-block-4, .inline-block-3, .inline-block-2{color:#111328;}
.inline-block-4 a, .inline-block-3 a, .inline-block-2 a
{
    color:#333;
}
.blue{background-color:#aeedef; }
.green{background-color:#aeefd7;}
.red{background-color:#ffc6c2;}
.orangy{background-color:#ffecae;}
.violet{background-color:#f8c1f6}
.brown{background-color:#e9d0bb}
.blue > h2, .blue > h3, .green > h2, .green > h3, .red > h2, .red > h3, .orangy > h2, .orangy h3,.violet > h2,.violet > h3,.brown>h2,.brownh3 {padding-bottom: .7em;}
@media only screen and (min-width:1px) and (max-width:1023px) {
	#Pages > h2{font-size:110%;}
#Pages > h3{font-size:105%;}
#Pages > h4{font-size:100%;}
	
#Light a{width:48%;margin:0 .5%;padding:.5%}
#PageFigure{width:97%;margin:1%;border:0;float:none}
#Pages>article{float:none;width:97%;height:auto; margin-bottom:1em;}
#Pages>article>a{float:none;width:70%; height:auto;padding:0;margin:1em 15%;border-radius:5px; display:block;}
#Pages>article>a>img{border-radius:5px;}
#Pages>article>h2{text-align:center;}
#Pages>article>p{font-size:90%;height:auto; padding:3% 5%;}
.inline-block-4,
.inline-block-3,
.inline-block-2{float:none;padding:1%;margin:1%; width:96%;}
}