@charset "utf-8";
/********************************/
/********************************/


/********************************/
/* Imports, Don't alter this! 	*/
/********************************/
@import url("base.css");

html{
	background:url(../../cms/public/images/backgrounds/catch_medium.jpg)  no-repeat center center fixed;
	background-color:#000000; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
} 


.white{
	color:#FFFFFF;
}

#DateInput{
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 30px;
	position: absolute;
	height: 150px !important;
	top: 40%;
	margin-top: -75px !important;
}

/* Portrait & landscape phone */
@media (max-width: 480px) {
	html{
		background:url(../../cms/public/images/backgrounds/catch_mobile.jpg)  no-repeat right top fixed;
		background-color:#000000;
	}
	#DateInput{
		height: 225px !important;
		margin-top: -112px !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	html{
		background:url(../../cms/public/images/backgrounds/catch_mobile.jpg)  no-repeat right top fixed;
		background-color:#000000;
	}
	#DateInput{
		background-color: rgba(0, 0, 0, 0.1);
		height: 225px !important;
		margin-top: -112px !important;
	}
}

/* Large desktop */
@media (min-width: 1920px) {

}