.video-wrapper { max-width: 1000px; margin: 100px auto; z-index: -1 }
.video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 }

figure { margin: 50px auto; }
figcaption { text-align: center; font-size: .8rem; margin: .5rem 0 }




h1, h2, h3 { color: green; text-align: center; font-family: 'Cabin Condensed', sans-serif; }
h2 { font-size: 2.3rem; margin: 3rem 0 1rem 0}

.r-blog { margin: 200px 0 100px; }
.box { background: #E0FFFF; margin: 0 auto 3rem auto; display: flex; flex-flow: row wrap; max-width: 1000px; }
.box:nth-child(even) { background: #ceff99; }
.box h3 { margin-top: 0; text-align: left; font-size: 1.5rem }
.box .left { flex: 1; padding: 1rem }
.box .right { flex-basis: 40%; text-align: right; line-height: 0; padding-top: 2rem; align-self: flex-end; }
.box .right img { width: 100% }
.box p { margin: 0; }


		
@media(max-width:800px) {
	
	h1, h2, h3 { font-size: 1.4rem; }
	
	.video-wrapper { max-width: 100%; }
	.box { margin-bottom: 130px; }
	.box .left,
	.box .right { flex-basis: 100% }
	.box .left { padding-bottom: 0; }
	.box .right { padding: 0; margin-bottom: 20px;  }
	
}