/* Case Studies */

body {
	background-color: #fff;
}

.container {
	overflow: visible;
}

.header-row h2 {
	font-weight: 300;
	margin-bottom: 5px;
}

.header-row h5 {
	color: #00aeef;
	font-weight: 400;
	margin: 0 0 20px 0;
}

.header-row .text-container {
	padding: 20px 20px 0 20px;
}

.header-row .text-container p {
	color: #999;
	font-size: 13px;
	text-align: justify;
}

/* Text Container */

.content-row .text-container {
	padding: 20px;
}

.content-row .text-container p {
	color: #999;
	font-size: 13px;
	text-align: justify;
}

/* Image Container */

.content-row .image-container {
	overflow: visible;
	padding: 20px;
}

.content-row .image-container .overflow-image {
	height: 300px;
}

/* Video Container */

.content-row .video-container {
	margin: 20px;
}

.content-row .video-container video {
	width: 100%;
}

/* Responsive Video Container */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}

/* Helpers */

.extra-padding {
	padding: 80px 20px;
}


/* Mobile */

@media(max-width: 768px) {

	.content-row .text-container {
		padding: 20px;
	}

	.content-row .image-container {
		padding: 10px 20px;
	}

}