.google-maps {
	position: relative;
	padding-bottom: 40%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.post-titleb {
    background-color: #0088BD;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-family: "Patua One", Arial, Tahoma, sans-serif;
    font-weight: normal;
}
.form-containerb{
	box-sizing:border-box;
	width:100%;
	padding:20px;
	}
.rowb{
	box-sizing:border-box;
	width:100%;
	}


.bgx1{
	background-color: #f1f1f1;
    background-image: url(../img/shadow2.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
	}
.form-row,.button-row{
	position:relative;
	width:100%;
	padding:3px;
	}
.text-input,.text-area{
	position: relative;
    width: 100%;
    padding: 10px;
    font-size: 17px;
    border: 1px solid #0088BD;
    border-radius: 3px;
	color: #00BFB9;
	}
.btn-submit {
    color: #FFF;
    background: #717171;
    padding: 10px 30px 10px 30px;
    border: none;
    border-radius: 3px;
    font-size: 18px;
	transition:all ease 0.3s;
	cursor:pointer;
}
.btn-submit:hover{
	background: #10F5EE;	
}				

@media screen and (min-width:600px){
	.span4b{
		width:40%;
		float:left;
		}
	.span5b{
		width:50%;
		float:left;
		}		

	.span8b{
		width:60%;
		float:left;
		}	
	}
@media screen and (max-width:599px){
	.span4b{
		width:100%;
		float:none;
		}
	.span5b{
		width:100%;
		float:none;
		}		

	.span8b{
		width:100%;
		float:none;
		}	
	}	