.google-maps {
	display: block;
	float: left;
	width: 100%;
	max-height: 230px;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #dadedf;
}
.google-maps:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: -webkit-linear-gradient(0deg,transparent,rgba(0,0,0,.5));
	background: -o-linear-gradient(0deg,transparent,rgba(0,0,0,.5));
	background: -moz-linear-gradient(0deg,transparent,rgba(0,0,0,.5));
	background: linear-gradient(0deg,transparent,rgba(0,0,0,.5));
	opacity: .3;
	pointer-events: none;
}
.google-maps:after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}
.google-maps.active:after { content: none; }
.google-maps iframe { height: 230px; }

	/* media specific styles */
	@media( min-width: 768px ){
		.google-maps { max-height: 389px; }
		.google-maps iframe { height: 389px; }
	}
	@media( min-width: 1024px ){
		.google-maps { max-height: 550px; }
		.google-maps iframe { height: 550px; }
	}