.ce-zipsearch{
	overflow: hidden;
	position:relative;
	height: 500px;
}
.ce-zipsearch:before{
	-moz-box-shadow:    inset  0  20px 20px -20px grey;
	-webkit-box-shadow: inset  0  20px 20px -20px grey;
	box-shadow:        	inset  0  20px 20px -20px grey;
	content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.ce-zipsearch:after{
	-moz-box-shadow:    inset  0 -20px 20px -20px grey;
	-webkit-box-shadow: inset  0 -20px 20px -20px grey;
	box-shadow:        	inset  0 -20px 20px -20px grey;
	content: "";
    height: 20px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.ce-zipsearch > .map{
	bottom:0;
	top:0;
	left:0;
	right:0;
	position: absolute;
	overflow: hidden;
	box-sizing:border-box;
    background-size: cover;
	background-position: center center;
}
.ce-zipsearch > .map > img{
	position: absolute;
	top:0;
	left:0;
	width: auto;
	height: auto;
	min-width: 100%;
	display: block;
}
.ce-zipsearch .f-zipsearch{
	position: absolute;
    right: 180px;
    top: 50px;
    width: 250px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.42);
}
@media screen and (max-width: 780px) {
    .ce-zipsearch .f-zipsearch {
	    bottom: 0;
	    box-sizing: border-box;
	    left: 0;
	    margin: 0;
	    right: 0;
	    top: auto;
	    width: 100%;
	}
}