/*.adminPageLeft { display: inline-block; vertical-align: top; width: 10vw; width: calc( 250px ); height: 100vh;  position: fixed; top: 0; left: -250px;  background-color: #FFFFFF;z-index: 9999;transition: all 0.35s ease-in-out; }
.navtoggled .adminPageLeft { left: 0; }
.adminPageRight { display: inline-block; vertical-align: top; width: 100vw; width: 100% ; margin-left: 0; overflow: auto; position: relative;top:10px; }
.adminPageTop { width: 100%; height: 75px; position: fixed; top: 0; left: 0;  background-color: #F4F4F4;z-index: 999; }
.adminPageBottom { width: 100%; padding: 0 20px 40px 20px; }
.navtoggle  { position: absolute;top: 15px;right: -50px;width: 30px;height: 30px;border-radius: 50%;background: #f4f4f4; padding: 8px 0; }
.navtoggle span  { position: relative;top: 13px;right: 0;width: 24px;height: 3px;background-color: #333;display: inline-block; text-indent: -999em; }
.navtoggle span:before { content: ''; display: inline-block; position: absolute;top: -7px;width: 19px; height: 3px; left: 0;background-color: #333;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; }
.navtoggle span:after { content: ''; display: inline-block;position: absolute;top: 7px;right: 0;width: 14px; height: 3px; left: 0;background-color: #333;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; }
.navtoggled .navtoggle { right: -65px;width: 45px;height: 45px;padding: 8px; }
.navtoggled .navtoggle span { background-color: transparent; }
.navtoggled .navtoggle span:before { width: 30px;transform: rotate(45deg);top:0;}
.navtoggled .navtoggle span:after { width: 30px;transform: rotate(-45deg);top:0;}
.navoverlay { width: 100vw;height: 100vh;position: fixed;top: 0; left: 0;background-color: rgba(0,0,0,0.5);display: none; }
.navtoggled .navoverlay { display: block;z-index: 999; }

.article-wrapper { display:flex;flex-wrap:wrap;list-style:none;margin:30px -10px; }
.article-wrapper .box { background:none;display:inline-block;display:flex;margin:0 0 20px;padding:0;vertical-align:top;width:100%; }
.box_inner { background:#EEE;margin:0 10px;padding-bottom:80px;position:relative;text-align:center; }
.box_content { padding:20px;text-align:left; }
.box_content h3 { font-size:1.2em; }
.box_content p { font-size:.778em; }
.box_content p.more { position:absolute;bottom:20px;right:30px; }
.box_content_image { margin:-20px -20px 20px; }

p.more { margin:10px 0;text-align:right; }
p.more a { border:2px solid #333;color:#333;display:inline-block;padding:5px 25px;text-decoration:none;transition:.4s ease all; }
p.more a:hover, p.more a:focus { background:#333;color:#FFF; }

.img_container { list-style:none;width:100%; }
.img_container li { display:block;margin:0 0 10px;padding:0;width:100%; }
.img_container img { display:block;width:100%; }

@media screen and (min-width: 480px) {
}
@media screen and (min-width: 640px) {
  .article-wrapper .box { padding:0 10px;width:50%; }
}
@media screen and (min-width: 720px) {
}
@media screen and (min-width: 860px) {
    .navtoggled .navoverlay { display: none;}
    .navtoggle { display: none; }
    .adminPageLeft {  left: 0;  }
    .adminPageRight { display: inline-block; vertical-align: top; width: 90vw; width: calc( 100% - 250px ); margin-left: 10vw; margin-left: calc( 250px );top:40px;  }
    .adminPageTop { left: 10vw;left: calc( 250px );width: 10vw; width: calc(100% - 250px); }
}*/