/*------------------------------------*\
    Hero Image
\*------------------------------------*/

.mona-hero-image {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mona-hero-image-inner {
	width: 100%;
	height: 100%;
	display: table;

}

.mona-hero-image-inner span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3rem;
	font-weight: 600;
	color: #ffffff;
}

@media screen and (max-width: 800px) {
	.mona-hero-image-cell {
		float: left !important;
		position: relative !important;
		width: 100% !important;
		height: 300px !important;
		margin-bottom: 0 !important;
	}

	.mona-hero-image-grid .panel-grid-cell {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 0 !important;
	}

	.mona-hero-image-grid .so-widget-mona-texteditor-widget > :first-child {
		margin-top: 12px;
	}
}

@media screen and (max-width: 640px) {
	.mona-hero-image-grid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.mona-hero-image-cell {
		margin-bottom: 0 !important;
	}
}

/* iPhone 6s PLUS */
@media screen and (max-width: 414px) {
	.mona-hero-image-cell {
		height: 250px !important;
	}
}

/* iPhone 5/4 */
@media screen and (max-width: 320px) {
	.mona-hero-image-cell {
		height: 200px !important;
	}
}