@media (max-width: 768px) {
	.carousel-caption {
		font-size: 15px;
	}
	.carousel-caption h1 {
		font-size: 48px;
	}
}

@media (max-width: 639px) {
	.carousel-caption {
		text-align: center;
		position: absolute;
		width: auto;
		top: 50%;
		left: 50%;
		right: auto;
    	margin-right: -50%;
    	transform: translate(-50%, -50%);
	}
	.carousel-caption > div {
		background: rgba(255, 255, 255, 0.6);
		padding: 20px;
		position: relative;
		left: auto !important;
		top: auto !important;
		/* width: 100%; */
	}
	.carousel-caption > div.white-text {
		background: rgba(0, 0, 0, 0.3);
	}	
	
	.carousel-caption h1 {
		margin: 0;
	}
}

@media (max-width: 413px) {
	.carousel-caption {
		font-size: 12px;
	}
	.carousel-caption h1 {
		font-size: 36px;
	}	
	#content .frame-img-overlay h2 {
		font-size: 30px;
	}	
}

@media (min-width: 640px) {
	#content .col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#content .frame-img-overlay h2 {
		font-size: 30px;
	}
}