.zoom{
	overflow: hidden;
	padding-bottom: 55%;
}
.zoom img{
	position: fixed;
	top: 0%;
	left: 50%;
	max-width: 200%;
	transform: translateX(-50%);
	/* Thanks  @bastian_fiessinger. Use when activating blur effect:
	will-change: -webkit-filter, filter, transform; */
}



/* Previous Theme CSS */
/* hide default splash footer */
#footer {
    display: none;
}



.custom-signup-btn-div{
    float:right;
    margin:0px 15px;
}

.custom-signup-btn-div input{
    font-size:13px;
    border:2px solid rgb(197, 193, 205);
    padding:0.7em;
    width:225px;
}
/* End of Previous Theme */



/* --- Important Pen Styles --- */

.header{
	overflow: hidden;
	//padding-bottom determines the height of the header
	padding-bottom: 55%;
	@media (min-width: 600px){
		padding-bottom: 50%;
	}
	@media (min-width: 700px){
		padding-bottom: 45%;
	}
}
.header img{
	width: 100%;
	max-width: none;
	position: fixed;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
}
/* End of Previous Theme CSS */