Location page styling

locationStyle.css

/* Form styling --------------*/

.special_form_container {
	border:1px solid #4abc44;
	-webkit-border-radius: 10px;
	border-radius: 10px;  background-color: #EFEFEF;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
	padding:15px;
	margin-top:25px;
	margin-left:-10px;
	margin-right:-10px;
}

.special_form h2 {
	text-align:center;
  padding: 10px 15px!important;
  margin: 0!important;
  background: #fff!important;
  font-size: 26px!important;
  text-transform: uppercase!important;
  line-height: 35px;
  color: #818080;
  font-weight: normal;
  text-shadow: none;
  border-bottom:0;
  height: auto;

}

.special_form .row input[type=text], .special_form .row select {
  border: 1px solid #44a147;
  line-height: 22px;
  font-size: 20px;
  font-weight: 100;
  text-indent: 5px;
  width: 100%!important;
  margin: 0!important;
  border-radius: 0px;
  color: #999999;
}

form .special_form{
  border: none;
  border-radius: 0px;
  background-color: #f8f8f8;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.special_form .row > label {
  font-size: 18px;
  font-weight: 100;
  margin-bottom: 5px;
  display: block;
  color: #4abc44;
  width: 100%;
  text-transform: uppercase;
}

.special_form .row sup {
  font-size: 11px;
  color: #f13340;
  margin-left: 5px;
}

.special_form .btn_submit {
  border: none;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  background: repeat-x 0 0 #46b0fa;
  float: right;
  font-size: 22px;
  padding: 10px!important;
  font-weight: 100;
  margin-right: 10px;
}

.special_form .btn_submit:hover {
  background: repeat-x 0 0 #428bca;
}

.powButton {-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) );
	background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea');
	background-color:#bddbfa;
  color:white;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	height:40px;
  width:100%;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}

.powButton a:link, a:visited, a:hover, a:active {
  color:white;
}

@media (max-width:640px) {
  .special_form h2 {
		text-align:center;
		margin: 0!important;
		background: #fff!important;
		font-size: 18px!important;
		text-transform: uppercase!important;
		line-height: 35px;
		color: #818080;
		font-weight: normal;
		text-shadow: none;
		border-bottom:0;
		height: auto;
  }
}

.store_photos div{
	display:inline-block;
	overflow:hidden;
	height:300px;
	padding:5px;
	width:50%;
}
.store_photos img{
	height:100%;
	width:auto;
}
@media (min-width:990px) {
	.store_photos div{
		height:395px;
	}
	.locations #map{
		height:650px;
	}
}
@media (min-width:1300px) {
	.store_photos div{
		height:495px;
	}
	.locations #map{
		height:650px;
	}
}

@media (max-width:770px) {
	.store_photos div{
		width:100%;
		height:auto;
	}
	.store_photos img{
		height:auto;
		width:100%;
	}
	.col_2{
		width:100%;
	}
}

.vid_container {
	position: relative;
	padding: 25% 50%;
	width: 0;
}

.vid_container iframe, .vid_container object, .vid_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}