/* Overflow */
#body-wrapper {overflow-x: hidden;}
.main-wrapper {position: relative;}
/* Feature Wrapper */
#feature-wrapper p { color: #000; }
#feature-wrapper.fh2 {min-height: 350px; text-align: center;}
#feature-wrapper.fh2 .h2 {font-weight: 500; margin-bottom: 24px;}

/* Article List */
#other-articles .section { padding-top: 0px; }
#other-articles .row-flex { margin-bottom: 30px; }
#other-articles .row-flex:last-child { margin-bottom: 0px; -webkit-justify-content: flex-start; justify-content: flex-start;}
#other-articles .row-flex .column {box-shadow: 1px 1px 2px #eaeaea; }
#other-articles .row-flex .column .article-box {height: 100%;}
#other-articles .row-flex .column.column-2:first-child { width: calc(50% - 15px); margin-right: 15px; }
#other-articles .row-flex .column.column-2:last-child { width: calc(50% - 15px); margin-left: 0px; }
#other-articles .row-flex .column.column-2.last-article { width: calc(50% - 15px); margin: 0px; }
#other-articles .row-flex .column.column-3 { width: calc(33% - 15px); margin: 0 15px;}
#other-articles .row-flex .column.column-3:last-child { width: calc(33% - 15px); margin: 0 0 0 15px;}
#other-articles .row-flex .column.column-3:first-child { width: calc(33% - 15px); margin: 0 15px 0 0; }
#other-articles .row-flex .column-content {height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
#other-articles .article-content { padding: 30px; background-color: #ffffff; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between;}
#other-articles .article-content .h5 {margin-bottom: 8px;}
#other-articles .article-content p.description {margin-bottom: 24px;}
#other-articles .article-content a {margin-bottom: 0px; margin-top: auto;}

#featured-articles .section { padding-top: 0px; }
#featured-articles .row-flex { margin-bottom: 30px; }
#featured-articles .row-flex:last-child { margin-bottom: 0px; }
#featured-articles .row-flex .column {box-shadow: 1px 1px 2px #eaeaea; }
#featured-articles .row-flex .column .article-box {height: 100%;}
#featured-articles .row-flex .column.column-2:first-child { width: calc(50% - 15px); margin-right: 15px; }
#featured-articles .row-flex .column.column-2:last-child { width: calc(50% - 15px); margin-left: 0px; }
#featured-articles .row-flex .column.column-2.last-article { width: calc(50% - 15px); margin: 0px; }
#featured-articles .row-flex .column.column-3:first-child { width: calc(33% - 15px); margin: 0 15px 0 0; }
#featured-articles .row-flex .column.column-3 { width: calc(33% - 15px); margin: 0 15px;}
#featured-articles .row-flex .column.column-3:last-child { width: calc(33% - 15px); margin: 0 0 0 15px;}
#featured-articles .row-flex .column-content {height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
#featured-articles .article-content { padding: 30px; background-color: #ffffff; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between;}
#featured-articles .article-content .h5 {margin-bottom: 8px;}
#featured-articles .article-content p.description {margin-bottom: 24px;}
#featured-articles .article-content a {margin-bottom: 0px; margin-top: auto;}

/* Article Images */
#other-articles .img, #featured-articles .img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 320px;}
#other-articles .column.column-3 .img, #featured-articles .column.column-3 .img {height: 210px;}

svg.square {
	height: 300px;
	width: 300px;
	transform: rotate(50deg);
	position: absolute;
	left: 50%;
	margin-left: 400px;
	top: 400px;
	z-index: 0;
}

svg.triagle {
	position: absolute;
	left: 50%;
	margin-left: -760px;
	top: 50%;
	z-index: 0;
}

/* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */
@media only screen and (min-width: 1442px) {
	
}
 
/* LARGE SCREENS (SPECIFIC) */
@media only screen and (min-width: 1069px) and (max-width:1441px) {
	
}
 
/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {
	#other-articles .row-flex { margin-bottom: 10px; }
	#other-articles .row-flex .column.column-2:first-child { width: calc(50% - 5px); margin-right: 5px; }
	#other-articles .row-flex .column.column-2:last-child { width: calc(50% - 5px); margin-left: 5px; }
	#other-articles .row-flex .column.column-3:first-child { width: calc(33% - 5px); margin: 0 5px 0 0; }
	#other-articles .row-flex .column.column-3 { width: calc(33% - 5px); margin: 0 5px;}
	#other-articles .row-flex .column.column-3:last-child { width: calc(33% - 5px); margin: 0 0 0 5px;}
	#featured-articles .row-flex { margin-bottom: 10px; }
	#featured-articles .row-flex .column.column-2:first-child { width: calc(50% - 5px); margin-right: 5px; }
	#featured-articles .row-flex .column.column-2:last-child { width: calc(50% - 5px); margin-left: 5px; }
	#featured-articles .row-flex .column.column-3:first-child { width: calc(33% - 5px); margin: 0 5px 0 0; }
	#featured-articles .row-flex .column.column-3 { width: calc(33% - 5px); margin: 0 5px;}
	#featured-articles .row-flex .column.column-3:last-child { width: calc(33% - 5px); margin: 0 0 0 5px;}
	
}
 
/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
	#other-articles .img { height:250px; }
	#featured-articles .img { height:250px; }
}
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
	#featured-articles .section {padding-bottom: 0px;}
	#other-articles .row-flex { margin-bottom: 0px; }
	#other-articles .row-flex .column.column-2:first-child, #other-articles .row-flex .column.column-2:last-child, #other-articles .row-flex .column.column-3, #other-articles .row-flex .column.column-3:first-child, #other-articles .row-flex .column.column-3:last-child { width: 100%; margin: 0px 0px 20px; }
	#other-articles .column.column-3 .img { height: 320px; }
	#featured-articles .row-flex { margin-bottom: 0px; }
	#featured-articles .row-flex .column.column-2:first-child, #featured-articles .row-flex .column.column-2:last-child, #featured-articles .row-flex .column.column-3, #featured-articles .row-flex .column.column-3:first-child, #featured-articles .row-flex .column.column-3:last-child { width: 100%; margin: 0px 0px 20px; }
	#featured-articles .column.column-3 .img { height: 320px; }
 
}
 
/* EXTRA SMALL SCREENS < 400px */
@media only screen and (max-width: 400px) {
 
}


