.blog_body {
	max-width: 1080px;
	margin: auto;
	display: block;
}
em.caption {
	margin: 12px 0 12px 0;
	display: block;
	color: #666666;
}
.article_body {
	max-width: 1080px;
	margin: auto;
	display: table;
	float: none;
}
.article_body ol, .article_body ul { padding-right: 24px; padding-left: 24px; margin-left: 0; }
.article_body li { margin-bottom: 8px; line-height: 1.25em; }	
.captionContainer {
	margin: 12px 0 12px 0;
	display: block;
	color: #666666;
}
.captionContainer h2 { text-align: left; font-size: 18px; } 	
.captionContainer h3 { color: #000; margin-top: 4px; text-decoration: underline; text-align: center; }
.captionContainer img {
	width: 300px;
	height: auto;
	margin-bottom: 0px; 
}
.captionContainer figcaption {
	text-align:left; 
	margin: 8px auto; 
	font-size: .75em;
	line-height: 1.25em;
	display: block;
	width: 34%;
}
.captionRight { float: right; clear: right; text-align: left; margin-left: 20px; margin-right: 20px; }
.captionLeft { float: left; clear: left; text-align: left; margin-left: 0px; margin-right: 20px; }
.captionCenter { float: center; clear: both; text-align: left; margin-left: 20px; margin-right: 20px; }
.captionBorder { color: #000; border: 1px solid #000; padding: 12px 20px 16px 20px; width: 30%; }
.captionBorder img { margin-top: 8px; }	
.alignH2 { text-align: left; } 	
.centerOnMobile { width: auto; margin-bottom: 12px; display: table; }

.beekeeper6-1, .beekeeper6-3 { width: 23%; }

@media screen and (min-width: 300px) {
em.caption {
	text-align: center;
}
.blog_body h2 {
	margin-right: 12px;
	margin-left: 12px;
}
.blog_body p {
	margin-right: 12px;
	margin-left: 12px;
}
.goatskin img {
	width: 100%;
	height: auto;
}
.goatskin .caption {
	text-align: center;
}
.goatskin ol, .goatskin ul {
	padding-right: 28px;
}
.goatskin-section-1-1 {
	display: block;
	margin: 24px 12px 16px 12px;
}
.goatskin-section-1-2 {
	display: block;
	margin: 0px 12px 12px 12px;
}
.list-aug-section-1-1 {
	display: block;
	border: 1px solid #000;
	padding: 20px;
}
.list-aug-section-1-1 h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.list-aug-section-1 p {
	margin: 0;
}
.list-aug-section-1-2 {
	/*width: 100%;*/
	display: block;
	margin: 24px 12px 20px 12px;
}
.list-aug-section-1-2 img {
	width: 100%;
	height: auto;
}
.list-aug-section-2 {
	display: block;
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 20px;
}
.list-aug-section-2 h3 {
	margin: 0 0 auto 0;
}
.list-aug-section-2 p {
	margin-top: 8px;
}
.list-aug-section-2 img {
	width: 100%;
	height: auto;
	margin-bottom: 16px;
}
.list-aug-section-3 {
	float: none;
}
.list-aug-section-3-1 {
	display: block;
	margin-bottom: 16px;
	margin: 28px 12px 8px 12px;
}
.list-aug-section-3-1 img {
	margin: auto;
	display: block;
	width: 100%;
	height: auto;
}
.list-aug-section-3-1 em.caption {
	display: block;
	margin-bottom: 0px;
}
.list-aug-section-3-2 {
	display: block;
	margin-bottom: 16px;
	margin: 20px 12px 16px 12px;
}
.list-aug-section-3-2 img {
	margin: auto;
	display: block;
	width: 100%;
	height: auto;
}
.robbing-bees-section-1-1 img, .robbing-bees-section-2-1 img {
	width: 100%;
	height: auto;
}
.robbing-bees-section-1-1, .robbing-bees-section-2-1 {
	margin: 28px 12px 16px 12px
}
.robbing-bees-section-2-2 {
	display: block;
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 20px;
}
.robbing-bees-section-2-2 h3 {
	margin: 0 0 auto 0;
}
.robbing-bees-section-2-2 p {
	margin-right: 0px;
	margin-left: 0px;
}
.robbing-bees-section-2-2 img {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
.robbing-bees-section-2-2 em {
	margin-bottom: 0px;
}
.beekeeperp5 img {
	width: 100%;
	height: auto;
}
.beekeeperp5-section-1 {
	margin: 0 0px 28px 0px;
}
.beekeeperp5-section-2 {
	margin: 20px 0px 28px 0px;
}
.beekeeperp5-section-3 {
	margin: 0 0px 28px 0px;
}
.beekeeperp5-section-4 {
	margin: 0 0 28px 0;
}
.beekeeperp5-section-5 {
	text-align: center;
}
}

@media screen and (min-width: 640px) {
.caption, em.caption {
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
}
.blog_body h2 {
	margin-right: auto;
	margin-left: auto;
}
.goatskin .caption {
    text-align: left;
}
.blog_body p {
	margin-right: auto;
	margin-left: auto;
}
.goatskin ol, .goatskin ul {
	padding-right: 0px;
	margin-bottom: 28px;
}
.goatskin ul li, .goatskin.article_body ol, .article_body ulli {
	margin-bottom: 4px;
}
.goatskin-section-1 {
	margin: auto;
    display: table;
}
.goatskin-section-1-1 {
	float: left;
	margin: 24px 24px 12px 0px;
}
.goatskin-section-1-2 {
	float: left;
	margin: 24px 0px 12px 0px;
}
.list-aug-section-1 {
	float: right;
	margin-left: 20px;
}
.list-aug-section-1-1 {
	width: 100%;
	max-width: 400px;
	margin-bottom: 28px;
	padding: 15px;
}
.list-aug-section-1-2 {
	width: 100%;
	margin: auto;
	margin-bottom: 20px;/*	max-width: 400px;
	
	padding: 0px;*/
}
.list-aug-section-1-2 img {
	margin: auto;
	display: block;
}
.list-aug-section-2 {
	float: left;
	width: 100%;
	max-width: 400px;
	margin-right: 28px;
	margin-top: 4px;
	margin-bottom: 24px;
	padding: 0 15px;
	border: 1px solid #000;
}
.list-aug-section-2 h3 {
	margin-top : 16px;
}
.list-aug-section-2 p {
	margin-bottom: 20px;
}
.list-aug-section-3 {
	max-width: 400px;
	float: right;
	margin-left: 20px;
}
.list-aug-section-3-1 {
	width: 100%;
	margin: 0px;
	margin-bottom: 16px;
}
.list-aug-section-3-1 img {
	margin: auto;
	display: block;
}
.list-aug-section-3-2 {
	width: 100%;
	margin: 0px;
	margin-bottom: 28px;
}
.list-aug-section-3-2 img {
	margin: auto;
	display: block;
}
.robbing-bees-section-1, .robbing-bees-section-2 {
	float: right;
}
.robbing-bees-section-1-1, .robbing-bees-section-2-1 {
	margin: 0 0 0 28px;
	max-width: 432px;
}
.robbing-bees-section-2-2 {
	width: 100%;
	max-width: 368px;
	margin-left: 28px;
	margin-bottom: 28px;
	padding: 0 15px;
	border: 1px solid #000;
}
.robbing-bees-section-2-2 em {
	margin-bottom: 1em;
}
.robbing-bees-section-2-2 h3 {
	margin-top : 16px;
}
.robbing-bees-section-2-2 img {
	margin-bottom: 0px;
}
.beekeeperp5 h2 {
	width: 100%;
	display: table;
	margin-right: 0;
	margin-left: 0;
}
.beekeeperp5 p {
	margin-right: 0;
	margin-left: 0;
}
.beekeeperp5-section-1 {
	max-width: 400px;
	float: right;
	margin-left: 20px;
}
.beekeeperp5-section-1 img {
	margin-bottom: 16px;
	display: block;
}
.beekeeperp5-section-2 {
	max-width: 400px;
	float: left;
	margin-top: 4px;
	margin-right: 20px;
}
.beekeeperp5-section-2 img {
	margin-bottom: 16px;
	display: block;
}
.beekeeperp5-section-3 {
	max-width: 400px;
	float: right;
	margin: auto auto auto 20px;
}
.beekeeperp5-section-3 h3 {
	width: 100%;
    display: table;
    float: none;
}
.beekeeperp5-section-3 img {
	margin-bottom: 16px;
	display: block;
}
.beekeeperp5-section-4 {
	max-width: 400px;
	float: right;
	margin: 4px auto auto 20px;
}
.beekeeperp5-section-4 img {
	margin-bottom: 16px;
	display: block;
}
.beekeeperp5-section-5 {
	max-width: 400px;
	float: left;
	margin-top: 4px;
	margin-right: 20px;
}
}

.frame-robbers-container { margin:auto; display:table; }

@media screen and (min-width: 300px) {
	.article_body ol, .article_body ul {
		padding-right: 0px;
		padding-left: 12px;
		margin-left: 0;
	}
	.frame-robbers-col { text-align: center; float: none; margin:auto; }
	.captionRight, .captionLeft, .captionCenter { float: none; clear: both; text-align: center; margin: auto; }
	.alignH2 { text-align: center; } 
	.captionContainer { width: auto; margin-top: 12px; }
	.beekeeper6-1, .beekeeper6-3 { width: auto; margin-top: 12px; }
	.captionContainer figcaption { font-size: .75em; width: auto; }
	.captionContainer h2 { text-align: center; }
	.captionContainer img {
		width: auto;
		height: auto;
		margin-bottom: 0px; 
	}
	.captionBorder { width: auto; margin: 20px 14px; padding: 12px;}
	li .captionBorder { margin: 20px 0px; }
	.captionBorder img { margin-top: 0px; }	
	.captionBorder p { margin-right: auto; margin-left: auto; }
	.centerOnMobile { width: auto; margin: auto auto 12px auto; }
}
@media screen and (min-width: 640px) {
	.article_body ol, .article_body ul { padding-right: 24px; padding-left: 24px; margin-left: 0; }
	.frame-robbers-col { text-align: center; float: left; margin:20px; }
	.captionRight { float: right; clear: right; text-align: left; margin-left: 20px; margin-right: 20px; }
	.captionLeft { float: left; clear: left; text-align: left; margin-left: 0px; margin-right: 20px; }
	.captionCenter { float: center; clear: both; text-align: left; margin-left: 20px; margin-right: 20px; }
	.alignH2 { text-align: left; } 
	.captionContainer { width: 34%; margin-top: 0; }
	.captionContainer figcaption { font-size: .75em; }
	.captionContainer img { width: 100%; margin-bottom: 0px; }
	.captionBorder { padding: 12px 20px 16px 20px; width: 30%; }
	li .captionBorder { margin: 20px; }
	.captionBorder img { margin-top: 8px; }	
	.captionContainer h2 { text-align: left; } 	
	.centerOnMobile { width: auto; margin-bottom: 12px; margin-left: 0; }
	.beekeeper6-1, .beekeeper6-3 { width: 23%; }
}
	.newspaper-combine-col1 { float: left;width: 46%; margin: 0 2%;}
	.newspaper-combine-col2 { float: left;width: 46%; margin: 0 2%; }	
	.newspaper-combine-col2 .alignH2 { margin-top: 20px; }
	.newspaper-combine-col2 .no-top-margin { margin-top: 0px; }	
	.newspaper-combine-col2 .captionContainer { width: 53%; }
	.green-panel-imgs .captionContainer { width: 34% !important; }
	
@media screen and (min-width: 300px) {
	.newspaper-combine-col1 { float: left;width: 90%; margin: 0 5%;}
	.newspaper-combine-col2 { float: left;width: 90%; margin: 0 5%; }	
	.newspaper-combine-col2 .alignH2 { margin-top: 20px; }
	.newspaper-combine-col2 .no-top-margin { margin-top: 20px; }	
	.newspaper-combine-col2 .captionContainer { width: 100%; }
	.green-panel-imgs .captionContainer { width: auto !important; }	
}
	
@media screen and (min-width: 640px) {
	.newspaper-combine-col1 { float: left;width: 46%; margin: 0 2%;}
	.newspaper-combine-col2 { float: left;width: 46%; margin: 0 2%; }	
	.newspaper-combine-col2 .alignH2 { margin-top: 20px; }
	.newspaper-combine-col2 .no-top-margin { margin-top: 0px; }	
	.newspaper-combine-col2 .captionContainer { width: 53%; }
	.green-panel-imgs .captionContainer { width: 34% !important; }
}
.div191008 {
	margin-bottom: 40px;
    display: table;
}
.quilt-191008 { 
	max-width:300px;
	margin: 0 1% 0 4%;
	float: right;
}
.installing-191008 {
	float: left;
	display: block;
	clear: both;
	text-align: center;
	margin-bottom: 2%;
}
.installing-191008 h2 {
	width: 100%;
	float: none;
}
.installing-191008 p {
	text-align: left;
}	
.installing-191008 .col1 {
	float: left;
    width: 46%;
    padding: 1%;
    border: 1px solid #000;
    margin: 0 2% 2% 0;
    clear: left;
	}
.installing-191008 .col2 {
	float: left;
    width: 46%;
    padding: 1%;
    border: 1px solid #000;
    margin: 0 0 2% 1%;
	}
.installing-191008 .col3 {
    float: none;
    width: 100%;
    padding: 1%;
    border: 1px solid #000;
    margin: 0 .5% 2% 0;
}
.installing-191008 .col3 img {
    float: left !important;
    margin-right: 2% !important;
    margin-bottom: 0 !important;
}
.installing-191008 .col3A {
	width: 44%;
    padding: 2%;
    border: 1px solid #000;
    margin: 0 2% 2% 0;
    float: left;
}
.installing-191008 .col3A h2 {
	margin-top: 0;
}	
.installing-191008 .col3A img {
	width: 100%;
    margin-bottom: 0;
    margin-top: 2%;;
}	
.installing-191008 .col3B {
    width: 44%;
    padding: 2% 2% 1% 2%;
    border: 1px solid #000;
    margin: 0 0 2% 1%;
    float: left;
}	
.installing-191008 .col3B img {
	width: 100%;
    margin-bottom: 2%;
}		
.installing-191008 .col1-2 img {
	float: left;
	margin-right: 3%;
	margin-left: 3%;
}
.installing-191008 img {
	width: auto;
	margin-bottom: 12px;
}
.how-to-make-191008 {
	float: left;
	display: block;
	clear: both;
}
.how-to-make-191008 h2 {
	width: 100%;
	float: none;
}		
.how-to-make-col-1-191008 {
    width: 23%;
    margin-right: 2%;
    float: left;
    display: block;
    clear: left;
}	
.how-to-make-col-1-191008 ol {
	margin-top: 0;
	}
.how-to-make-col-2-191008 {
    width: 75%;
    float: left;
    display: block;
    clear: right;
}	
.how-to-make-col-2-191008 div {
    display: table;
    text-align: right;
    width: 48%;
    float: left;
    margin: 1%;
    font-size: 13px;
    line-height: 1.3;
}
.how-to-make-col-2-191008 div em {
    margin: 8px 2px;
    display: table;
}
.fl-right-191008 { 
	margin: 0 0 2% 2%;
    float: right;
    width: 28%;
    clear: right; 
}
.fl-left-191008 { 
	margin:0 2% 0 0; 
	float: left;
	width: 28%; 
}
.fl-right-191008 img, .fl-left-191008 img { width: 250px; margin-bottom: 8px; }
	
@media only screen and (max-width: 768px) {	
	.how-to-make-col-1-191008 {
		width: 48%;
		margin-right: 2%;
		float: left;
		display: block;
		clear: left;
	}
	.how-to-make-col-2-191008 {
		width: 48%;
		float: left;
		display: block;
		clear: right;
	}
	.how-to-make-col-2-191008 div {
		display: table;
		text-align: center;
		width: 100%;
		float: left;
		margin: 1%;
		font-size: 13px;
		line-height: 1.3;
	}
	.how-to-make-col-2-191008 div em {
		display: block;
		clear: both;
		text-align: center;
	}	
}
@media only screen and (max-width: 600px) {
	.quilt-191008 { 
		max-width:98%;
		display: block;
		margin: auto; 
		margin-bottom: 12px;
		float: none;
	}
	.div191008 { margin: 12px; }
	.div191008 h2 { 
		text-align: center;
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.div191008 ul, .div191008 ol {
		padding-right: 4%;
	}
	.how-to-make-col-1-191008, .how-to-make-col-2-191008 {
		width: 100%;
	}
	.installing-191008 {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}	
	.installing-191008 .col1, .installing-191008 .col2, .installing-191008 .col3 {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 16px;
		padding: 0;
    	padding-bottom: 1%;
	}
	.installing-191008 .col1 p, .installing-191008 .col2 p, .installing-191008 .col3 p {
		margin: 10px;
	}
	.installing-191008 img {
		width: 100%;
		margin-bottom: 0px;
	}
	.col1-2 { 
		text-align: center !important; 
		margin-bottom: 16px !important; 
	}
	.installing-191008 .col3A, .installing-191008 .col3B {
		width: auto;
		padding: 4%;
		border: 1px solid #000;
		margin: 0 0 2% 0;
		float: left;
		margin-bottom: 8%;
	}
	.fl-right-191008, .fl-left-191008 {
	    margin: 0 0 4% 0;
		float: left;
		width: 100%;
		text-align: center;
	}
}

.beekeeper-191008 {
	margin-bottom: 40px;
    display: table;
}
.beekeeperp7-section-1, .beekeeperp7-section-2, .beekeeperp7-section-3 {
    float: right;
    margin: 0 0 16px 0;
    max-width: 350px;
	display: block;
	clear: right;
}
.beekeeperp7-section-1 img, .beekeeperp7-section-2 img, .beekeeperp7-section-3 img {
	display: block;
    margin-bottom: 8px;
}
@media only screen and (max-width: 600px) {
	.beekeeper-191008 h1, .beekeeper-191008 h2, .beekeeper-191008 h3 {
		text-align: center !important;
		
	}
	.beekeeperp7-section-1, .beekeeperp7-section-2, .beekeeperp7-section-3 {
		float: none !important;
		margin: 8px auto !important;
		max-width: 100% !important;
		text-align: center !important;
	}
}

.planting-flowers-191008 {
	margin-bottom: 40px;
    display: table;
}
.planting-flowers-191008-left {
    float: left;
    margin: 4px 2% 36px 0px;
    max-width: 25%;
    clear: left;
    display: block;
	text-align: right;
}
.planting-flowers-191008-right {
    float: right;
    margin: 4px 0 16px 2%;
    max-width: 25%;
    clear: right;
    display: block;
	text-align: right;
}
.planting-flowers-191008-where {
	border: 2px solid #000;
    padding: 4px 20px 8px;
    margin: 1% 0;
    display: block;
    /*float: right;
    width: 30%;
    clear: right;
    margin-left: 3%;*/
}
.planting-flowers-191008-garden {
	border: 2px solid #000;
    padding: 8px 20px 8px;
    margin: 3% auto 0 auto;
    display: table;
    width: 60%;
    clear: right;
}
.planting-flowers-191008-garden img {
	max-width: 20%;
    float: left;
    clear: left;
    margin: 2% 4% 2% 0%;
}
.planting-flowers-191008-A { float: left; margin: 2% 0 2% 0; max-width: 32%; clear: left; }
.planting-flowers-191008-B { float: left; margin: 2%; max-width: 32%; }
.planting-flowers-191008-C { float: left; margin: 2% 0 2% 0;max-width: 32%; clear: right; }
.planting-flowers-191008-A img, .planting-flowers-191008-B img, .planting-flowers-191008-C img {
	margin-bottom: 8px;
}
.tipping-quilt-box, .entrance-hole {
    float: right;
    margin: 0 0 4% 2%;
    display: table;
    width: 30%;
    clear: right;
}
.quilt-box-holes {
    float: left;
    margin: 0 2% 4% 0;
	display: table;
    width: 50%;
	clear: left;
}
.quilt-box-holes img, .quilt-box-holes em, .entrance-hole img, .entrance-hole em, .tipping-quilt-box img, .tipping-quilt-box em {
    float: left;
    clear: both;
}
.quilt-box-holes em, .entrance-hole em, .tipping-quilt-box em {
	margin-top: 8px;
	font-size: 12px;
}
.quilt-box-links {
    float: left;
    width: 31%;
    padding-top: 2% !important;
}
.quilt-box-links a { font-weight: bold !important; }

@media only screen and (max-width: 768px) {
	.installing-191008 {
		float: left;
		display: block;
		clear: both;
		text-align: center;
		margin-left: 4%;
		margin-right: 4%;
		margin-bottom: 2%;
	}
}
@media only screen and (max-width: 600px) {
	.planting-flowers-191008 h1, .planting-flowers-191008 h2, .planting-flowers-191008 h3 {
		text-align: center !important;
		
	}
	.planting-flowers-191008-left, .planting-flowers-191008-right {
		float: none !important;
		margin: 8px auto !important;
		max-width: 100% !important;
		text-align: center !important;
	}
	.planting-flowers-191008-where {
		margin: 8% 0;
		width: auto;
	}
	.planting-flowers-191008-garden {
		margin: 3% 0;
		width: auto;
		margin-bottom: 8%;
	}
	.planting-flowers-191008-garden img {
		max-width: 44%;
		float: right;
		clear: right;
		margin: 3% 0 2% 2%;
	}	
	.planting-flowers-191008-garden h2 {
		text-align: left !important;
	}
	.planting-flowers-191008-garden h2 span {
		white-space: normal !important;
	}		
	.planting-flowers-191008-A, .planting-flowers-191008-B, .planting-flowers-191008-C {
		margin: 16px auto;
		clear: both;
		float: none;
		max-width: 100%;
		text-align: center !important;
	}	
}
.hive-with-quilt-box {
	float: right; 
	clear: right; 
	margin: 2%; 
	min-width: 350px;
}
.boxes-191009 {
    margin: 2% auto 2%;
    border: 2px solid #000;
	padding: 0 2% 1% 2%;
	max-width: 720px;
    width: 80%;
}
.wind-baffle-complete {
    float: left;
    margin: 1% 4% 3% 0;
}
.hilary-kearney {
    width: 40%;
    float: left;
    margin-right: 3%;
    margin-bottom: 2%;
}
.hilary-kearney em {
	clear: right;
    width: 100%;
    display: block;
    margin-top: 8px;
}
.flex-divs {
	display: flex; 
	flex-wrap: wrap;
	margin: 0 12%;
}
.flip-text {
	transition        : 1.0s ease all;
	-moz-transition   : 1.0s ease all;
	-webkit-transition: 1.0s ease all;

	border            : 2px solid #000;
	padding           : 2%;
	transform               : rotateX(180deg);
	-moz-transform          : rotateX(180deg);
	-webkit-transform       : rotateX(180deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;
}
.flip-text:hover {
	transform               : rotateX(0deg);
	-moz-transform          : rotateX(0deg);
	-webkit-transform       : rotateX(0deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;
	cursor:pointer;
	transition              : transform 1.0s ease all;
	-moz-transition         : -moz-transform 1.0s ease all;
	-webkit-transition      : -webkit-transform 1.0s ease all;
}
@media only screen and (max-width: 768px) {
	.flex-divs {
		margin: 0;
	}	
}
@media only screen and (max-width: 600px) {
	.hive-with-quilt-box {
		float: none;
		clear: both;
		margin: 8% 0;
		width: auto;
		min-width: auto;
	}
	.boxes-191009 {
		margin: 8% 2%;
		padding: 0 4% 1% 4%;
		text-align: center;
	}
	.wind-baffle-complete {
		float: none;
		margin: 1% 0% 3% 0;
	}	
	.quilt-box-holes, .entrance-hole, .tipping-quilt-box {
		width: 100% !important;
	}
	.quilt-box-links {
		width: auto !important;
	}
}

@media only screen and (min-width: 600px) {
	.intro-right{
		float: right;
		margin-left: 1rem;
		margin-bottom: 1rem;
		width: 60%;
	}
}

.spaced-rows .row-fluid{
	margin-bottom: 2rem;
}

.flex-grid{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.flex-grid *{
	box-sizing: border-box;
}

.flex-grid .cell{
	padding: 0 1rem 2rem 0;
	width: 100%;
}

/* add aditional sizes as need arises */
@media only screen and (min-width: 768px) {
	.flex-grid .cell.medium-1{
		width: 8.3%;
	}
	.flex-grid .cell.medium-2{
		width: 16.7%;
	}
	.flex-grid .cell.medium-3{
		width: 25%;
	}
	.flex-grid .cell.medium-4{
		width: 33.3%;
	}
	.flex-grid .cell.medium-5{
		width: 41.7%;
	}
	.flex-grid .cell.medium-6{
		width: 50%;
	}
	.flex-grid .cell.medium-7{
		width: 58.3%;
	}
	.flex-grid .cell.medium-8{
		width: 66.6%;
	}
	.flex-grid .cell.medium-9{
		width: 75%;
	}
	.flex-grid .cell.medium-10{
		width: 83.3%;
	}
	.flex-grid .cell.medium-11{
		width: 91.6%;
	}
}

.flex-grid.no-borders .border-caption{
	border: none !important;
}

.border-caption-thumb{
	display: flex;
	flex-direction: column;
} 

.border-caption-thumb img{
	width: 100%;
	margin: 1rem 0;
}

.border-caption{
	padding: 1rem;
	border: 2px solid #131313;
	width: 100%;
	min-height: 110px;
}

@media only screen and (min-width: 768px) {

	.border-caption-thumb.side-by-side{
		flex-direction: row;
	}

	.border-caption-thumb.side-by-side.reverse{
		flex-direction: row-reverse;
	}

	.border-caption-thumb.side-by-side img,
	.border-caption-thumb.side-by-side .border-caption{
		width: 50%;
	}

	.border-caption-thumb.side-by-side img{
		margin: 0 1rem 0 0;
	}
}

.border-caption-thumb.reverse .border-caption-thumb{ 
	order: 2;
}

.border-caption-thumb.reverse .border-caption{ 
	order: 1;
}

.article-card {
    border: 2px solid #eee;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.article-card-content {
    margin-top: 1rem;
    padding: 1rem;
	background-color: #FBB040;
	position: relative;
	min-height: 292px;
}

@media only screen and (min-width: 768px) {
	.article-card-content {
		min-height: 292px;
	}
}

.article-card-content *{
	position: relative;
	z-index: 1;
}

.article-card-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(../../images/backgroundImage.jpg) repeat-x bottom;
    opacity: 0.4;
}