@media screen and (min-width: 700px) and (max-width: 900px) {


	.finger-button-wide {padding: 10px 0;}
	.finger-button-wide i, .finger-button-wide span {text-align: center; padding:0;display:block; float: none; line-height: normal;}




}
@media screen and (min-width: 700px) {

	.tablet-only {display: block;}
	.mobile-only {display: none;}


	.logo-grid .site-name{font-size:18px;line-height:1.1; font-weight: normal;}
	.logo-grid .strap{font-size:30px;line-height:1;}

	.logo-grid .logo img{ width:100%; height: auto; }

	.social {
		float: right;
		margin-top: 13px;
		font-size: 28px;
		color: rgb(88,88,88);
	}
	.social a:hover {
		color: Black;
	}

	.full-width-container {
		margin: 0 1%;
		height:100%;
		position: relative;
	}

	.menu {
		width: 100%;
	}

/* Page Layout ----------------------------------------------------------- */
.page-container {
	min-height: 500px;
}
.three-columns {
	display:grid;
	grid-template-columns: 2fr 1fr;
	grid-gap:15px;
}


.two-columns {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:30px;
}

.bp-main {padding-top: 16px;}


.archive-drop {
	float:right;
	text-align:right;
	width:80%;
}
.archive-drop select {width:60%;}

.inner-logo .site-name {
	font-size:24px;
}

/* Home Latest Updates ----------------------------------------------------------- */

.small-article-box {
	width: 32.5%;
	margin: 0;
	margin-right: 1.25%;
	margin-bottom: 10px;
	float: left;
}
.small-article-box:nth-child(even){
	float: left;
	margin-right: 1.25%;
}
.small-article-box:nth-child(3n+3){
	margin-right: 0;
}
.small-article-box .header {
	height: 6px;
	color: White;
}
.small-article-box .brief {
	font-size: 15px; font-weight: 400;
	height: 130px;line-height: 19px;
	padding: 5px;
	overflow:hidden;
	background-color: rgb(229,229,229);
}

.article-large-box2 .image { height:100%;}
.article-content2 h2 {font-size:20px; line-height:1.3;}
.article-content2 .content { font-size:16px; }
.article-content2 .date { font-size:16px;}

.article-fullheight {
	margin-right: 1.25%;
	margin-bottom: 10px;
}
.article-fullheight:nth-child(even){
	float: right;
	margin-right: 0;
}
.article-fullheight .header {
	text-transform: uppercase;
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
	color: White;
}
.article-fullheight .brief {
	padding: 5px;
	background-color: transparent;
}
.bubble-container {display: grid;grid-template-columns: 1fr 1fr 1fr;gap:10px;justify-items: center;}

.one-column-bubble {
	margin-bottom: 0px;
	margin-top: 26px;
}
.one-column-bubble:nth-child(2){
	margin-right: 1%;
	float: left;
}

.column-right {
	align-self:self-start;
	border-radius:5px;
}
/* Home Key Topics ----------------------------------------------------------- */
.topic-thumbs {
	grid-template-columns: 1fr 1fr 1fr;
}


.key-topic .image {
	height: 130px;
	background-color: White;
	position: relative;
	background-size: cover;
	background-position: center;
}



	/* Home Slider Home ----------------------------------------------------------- */
	.home-header {
		height: 300px;
	}

.panel-position {
	position:absolute;
	top:15px; bottom:15px;
}
	.panel-1 {
		width:49.5%; float:left;
	}
	.panel-2 {
		width:49.5%; float:right;
	}

	.panel-padding {
		margin-bottom:30px;
	}

	.link-button {
		position:absolute;
		clear:both;
		bottom:2%;left:2%;
		display:inline-block;
		margin:0;
	}


	.header-image .full-width-container {margin:0 25px;}

	.cycle-slideshow .slide-caption {
		position:absolute;
		top: 25px;
	}
	.cycle-slideshow .slide-caption h3 {
		color:white; font-size:24px;margin-bottom:15px;
	}
	.cycle-slideshow .slide-caption p {
		color:white; margin-bottom:0;font-size:16px;line-height:1.4;
	}

	.slide-readmore-button a{
		position: absolute;
		background-color: rgb(4,142,70);
		color: white;
		margin-top:10px;
		padding: 6px 36px;
		display: inline-block;
		text-transform: uppercase;
		font-size: 14px;
		transition: all 0.5s;
		border-radius:5px;
		bottom:26px;left:0;
		z-index:2000;
	}
	.slide-readmore-button a:hover {
		text-decoration: none;
		background-color:white;
		color:#269a39;
	}
	.pager-wrapper {position: absolute; bottom:25px; left:0; right:0; height:auto;}

	.slide-pager {margin-left: 175px;}
	.slide-pager span{
	    font-size:35px;
	    color:rgba(255,255,255,.5);
	    cursor: pointer;
	}
	.slide-pager span.cycle-pager-active{
		color:white;
	}

	/* Footer ----------------------------------------------------------- */

	.footer-bottom p {
		font-size: 12px; font-weight: 400; float: left; padding-top: 0px; margin-bottom: 0;
	}

	/* Tables ----------------------------------------------------------- */

	table * {
		font-size: 13px; line-height: 16px;
	}

	#topcontrol {
		display: block;
		background-color: #d4ebd7;
		padding: 4px 8px;
		border-radius: 4px;
		border: 1px solid rgb(4,142,70);
		color: rgb(4,142,70);
	}

.prettycheckbox {
	background-color: Transparent !important;
	width: 33%;
	float: left;
	height: 23px;
}
.three-across .prettycheckbox { /* for tablets this needs to drop to 2 across */
	width: 50%;
}

.social-follow .follow-box {
	width: 32.43%;
	height: 95px;
	background-color: rgba(4,142,70,.25);
	margin-bottom: 25px;
	float:left;
	margin-right: 1.25%;
}
.social-follow a:last-child .follow-box{
	margin-right:0;
}
.social-follow .follow-box i {
	font-size: 42px;
	float: left;
	padding:12px 0 0 0px;
	width:28%;
	text-align: center;
}

.social-follow .follow-box img {
	width: 15%; height: auto;
	float: left;
	padding:12px 0 0 12px;
	text-align: center;
}

.social-follow .follow-box div {
		float:right;
		padding:18px 8px 0 0;
		width:68%;
		font-size: 13px; line-height: 14px;
}
.social-follow .follow-box div strong {font-size:18px; line-height: 18px; font-weight: 400;}

.chairmen-box {
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 15px;
}

.chairmenphoto {
	margin-right:0 !important; float:right !important; width: 33% !important;
}
.chairman-photo {max-width:98% !important; box-sizing: border-box;}
.chairmenphoto .container {/*width: 50%; float: left; */ font-size: 14px; line-height: 16px;}
.chairmenphoto .container strong {font-weight: 700; font-size: 14px; line-height: 16px;}
.chairmenmessage {float:left; width: 64%;}
.chairmenmessage p {
	font-size: 16px; line-height: 22px;
}

.donatebox {border-radius:5px;}
.donatebox > div:first-child {
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:10px;
}


.newsletter-popup {
	top:100px;
	left: 80px;
	right:80px;
	padding-left: 5%; padding-right: 5%;
}

.newsletter-popup .envelope {
	top:-50px;
	left: calc(50% - 50px);
	width:100px; height: 100px;
	border-radius: 50px;
}

.newsletter-popup .envelope i {
	color: white;
	font-size: 48px;
	line-height: 100px;
}

.newsletter-popup h2 {font-size: 60px; margin-bottom: 15px;}
.newsletter-popup p {color: white; font-size: 20px; line-height: 25px;}

.newsletter-popup input {
	margin-top: 15px;
	width:100%;
}


.digitalmedia {
    width:48%;
}

.grid-take-action {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}



.articles-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:10px;
}

.articles-grid a:first-child {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}



.page-container .article-primary,
.page-container .article-primary .image-wrapper,
.page-container .article-primary .image-wrapper .image {
	height:100%;
	min-height:485px;
	position:relative;
	border-radius:5px;
	overflow:hidden;
}

.page-container .article-primary-link {
	height:100%;
}
.page-container .article-primary .details {
	position:absolute;
	bottom:0; left:0; right:0;
	background-color: rgba(255,255,255,.9);
	padding:2%;
	transition: background-color .5s;
}
.page-container .article-primary .details * {transition: color .5s;}

.page-container .article-primary .image-wrapper .image {
	transition:all .5s;

}
.page-container .article-primary:hover .image-wrapper .image {
	transform:scale(1.03);
}

.page-container .article-primary .brief-home .heading{
	font-size: 24px;
	margin-bottom:10px;
}

.page-container .article-primary:hover .details {
	background-color:#333333;
}
.page-container .article-primary:hover .details * { color:white;}



.action-button-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:10px;
	margin:0 0 15px;
}
.action-button-grid a span {font-size:14px;}

	.slide-readmore-button a{
		padding: 2px 27px;
	}

	.site-strap-grid {
		grid-template-columns:1fr auto;
		grid-gap:30px;
		padding:5px 0;
		align-items:center;
	}

	.site-strap-grid h4 {
		text-align:left;
	}
	.site-strap-grid a {
		padding: 2px 27px;
	}

	.latest-news-grid {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: 10px 10px;
	    margin:0;
	}
	.latest-news-grid .column-2 {
		display:grid;
		grid-template-rows: 1fr 1fr;
		gap:10px;
		margin:0;
	}

	.col-2-wrapper {
		border-radius: 5px;
		background-color: rgb(219,219,219);
	}
	.col-2-wrapper {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow:hidden;
	}

	.col-2-wrapper .image-wrapper .image, .col-2-wrapper .image-wrapper {
		height: 270px; overflow:hidden;
	}

	.three-col-grid {
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap:10px;
	}

	.latest-news-grid .article-box {width:100%;height:100%; display:grid; grid-template-rows:auto auto; transition: all .5s; }
	.latest-news-grid .article-box .brief-home {font-size:15px;  margin-bottom:8px;padding:0px 10px 0;}
	.latest-news-grid .article-box .home-date{font-size:13px; font-weight:400;  font-style:italic; }
	.latest-news-grid .article-box .home-date * {color:gray;}


	.page-container .article-box .image, .page-container .article-box .image-wrapper {height:145px;}

	.latest-news-grid .article-box:hover {
		background-color: rgba(0,0,0,.8);
	}
	.latest-news-grid .article-box:hover .details .brief-home,
	.latest-news-grid .article-box:hover .details .home-date
	{
		color:white;
	}

	.white-container h1,.home-container h1 {margin-bottom:20px;}

	.stats-box {height:300px;}
	.stats-box .details .title {font-weight:500; color:white; font-size:22px; padding-bottom:10px;}
	.stats-box .details .brief {color:white;padding-bottom:10px; font-size:15px;}
	.stats-box .details .date {color:white; font-style:italic; font-size:15px; }


	.our-work-grid {
		grid-template-columns: 1fr 1fr;
	}

	.our-work-grid .section {
		height:170px;
	}
	.our-work-grid .section .content {background:rgba(0,0,0,.65);}
	.our-work-grid .section .content * {color:white;font-size: 16px;}
	.our-work-grid .section .content h3 {font-size:28px; margin-bottom:5px;}

	.aside-columns {
		grid-template-columns: 3fr 1fr;
	}

	.side-content-box ul {columns:3;}

	.archive-buttons {columns:2;}


	/*contact us*/
	.two-column-grid {
		display:grid;
		gap:20px;
		grid-template-columns: 1fr 1fr;
	}


}



@media screen and (max-width:1300px) {
	.three-columns {
		grid-template-columns: 1fr;
	}
}