h1 {word-wrap: break-word;}
.adminPageLeft { display: inline-block; vertical-align: top; width: 10vw; width: calc( 250px ); height: 100vh;  position: fixed; top: 0; left: -250px;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; 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%; padding: 8px 0; }
.navtoggle span  { position: relative;top: 13px;right: 0;width: 24px;height: 3px;display: inline-block; text-indent: -999em; }
.navtoggle span:before { content: ''; display: inline-block; position: absolute;top: -7px;width: 19px; height: 3px; left: 0;-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;-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: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;display: none; }
.navtoggled .navoverlay { display: block;z-index: 999; }

.article-wrapper { display:flex;flex-wrap:wrap;list-style:none;margin: -5px 0 0 0;padding-top: 10px !important;}
.article-wrapper .box { background:none;display:inline-block;display:flex;padding:0;vertical-align:top;width:100%; margin:20px 0; }
.box_inner { margin:0 10px;padding-bottom:80px;position:relative;text-align:center; width: 100%; }
.box_content { padding:20px;text-align:left; border-bottom: 2px solid; }
.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; }

.text-wrap{display:flex; flex-direction: column; margin: 0px 10px 0px 10px; width: 100%; padding-bottom: 10px;}
.article_detail_wrap{margin-top: -5px; padding: 5%;}
.article_detail{padding-bottom: 30px;}
a.loc_backbutton{display: block; font-weight: bold; position: relative; text-indent: 30px; }
a.loc_backbutton:before{content: ""; height: 20px; width: 25px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0;}

p.more { margin:10px 0;text-align:right;}
p.more a { display:inline-block;padding:5px 25px;text-decoration:none;transition:.4s ease all; }

.triangle{position:relative; width: 30px; height: auto; bottom: -4px; left: 45%;}
.article_lead {margin: 5%;}

p.side_arrow{display: inline-block; text-indent: -999em; position: relative;height: 40px; width: 40px; top: -10px; left: 10px; transform:rotate(270deg);}
p.side_arrow:after{content: ""; height: 20px; width: 20px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0;}
.side_arrow_wrap{display: none;}
.side_arrow_wrap2{display:inline-block;margin-right: 5%; margin-left: 5%; border-radius: 50%;}

.flexi{display: flex; align-items: center; justify-content: space-between;}

.img_container { list-style:none;width:100%; background-color: white;}
.img_container li { display:block;margin:0 0 15px;padding:0;width: 100%;}
.img_container img { display:block; max-width: 100%; max-height: 300px;}

/*@media screen and (min-width: 480px) {
  .img_container { float:right;margin-left:15px;width:150px; }
}*/
@media screen and (min-width: 660px) {
  .article-wrapper .box { padding:0 10px;width:50%; }
  .article_detail_wrap{padding-left: 5%; padding-right: 5%;}
	.img_container{
		float: right;
		width: 40%;
		margin: 0 0 0 50px;
	}
	.detail-lead{
		float: left;
		width: calc(60% - 50px);
	}
}
@media screen and (min-width: 768px) {
	.article_lead{padding: 0px 5%;}
	.side_arrow_wrap{display:inline-block;margin-right: 5%; border-radius: 50%;}
	.side_arrow_wrap2{display:none;}
	.text-wrap{margin: 0px 20px 0px 20px;}
	.box_content{margin: 0 10%;}
}
@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); }
}

@media screen and (min-width: 1024px) {
	.article_detail_wrap{padding-left: 10%; padding-right: 10%;}
}

@media screen and (min-width: 1440px) {
	.article_detail_wrap{padding-left: 15%; padding-right: 15%;}
}