html, body { 
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif; }


/* FORM */
#wrap-zip-form {
	width: 100%;
	display: block;
	position: absolute;
	z-index: 200;
	text-align: center;
	margin: 0 auto;
	top: 50%;   }

#zip-head {
	display: inline;
	width: 30%;
	position: relative;
	z-index: 200;
	padding: 0;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 40px 0; }
	
#input-zip {
	font-size: 0.9em;
	letter-spacing: 0.1em;
	text-align: center;
	border: solid 2px #7ab463;
	outline: none;
	padding: 7px 0;
	margin: 28px 0 16px 0;	
	width: 140px;
	}
	::placeholder { 
color: #b7b7b7;
}
	
/* === Submit Button === */

#zip-form button[type="submit"]  {
    cursor:pointer;
	display: inline-block;
	background: #7ab463;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	width: auto;
	padding: 7px 26px;
	margin: 10px 0 5px 0;
	border: none;
	letter-spacing: .1em;
	font-family: 'Open Sans', sans-serif;
	}
	
	#zip-form button:hover
	{ background:#000; }
	
	/* FORM ENDS */

/* SLIDER */

.slider_landing {
  width: 100%;
  height: auto;
  margin: 0;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
	position: absolute;
	width: 100%;
	height: 100%;
}
.slide1 {
  background: url(../images/landing1.jpg)no-repeat top center;
      background-size: cover;
    animation:fade 18s infinite;
-webkit-animation:fade 18s infinite;

} 
.slide2 {
  background: url(../images/landing2.jpg)no-repeat top center;
      background-size: cover;
    animation:fade2 18s infinite;
-webkit-animation:fade2 18s;
}

@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 1 }
  100% { opacity: 1}
}
/* SLIDER ENDS */


/*- MAX WIDTH MOBILE = 688px - */
@media screen and (max-width: 43em) {

#zip-head {
	font-size: 17px;
}

}