#page {
	overflow: hidden;
}

#march-promo {
	font-size: 16px;
}

#march-hero {
	background-image: url(../../../../images/26/march/hero/back.jpg);
	background-image: -webkit-image-set(url("../../../../images/26/march/hero/back.jpg") 1x,
			url("../../../../images/26/march/hero/back@2x.jpg") 2x);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}

#march-hero .hero-bg {
	height: 100%;
	width: auto;
	max-width: unset;
}

#march-hero .march-inner {
	margin-bottom: 4em;
	margin-top: 6em;
}

#march-hero .animation {
	width: 100%;
	height: auto;
}

#march-hero .headline {
	width: 40em;
	height: auto;
	top: -6em;
}

#march-hero .stars {
	bottom: -7em;
}

#march-hero .button {
	font-size: 1.25em;
	height: 45px;
	width: 170px;
	border-radius: 0;
	padding: 0;
	margin-top: 28px;
	background-color: #fef204;
}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 567px) {
	#march-hero {
		background-image: url(../../../../images/26/march/hero/back-m.jpg);
		background-image: -webkit-image-set(url("../../../../images/26/march/hero/back-m.jpg") 1x,
				url("../../../../images/26/march/hero/back-m@2x.jpg") 2x);
		padding: 0;
	}

	#march-hero .headline {
		width: 100%;
		height: auto;
		top: -1%;
	}

	#march-hero .march-inner {
		margin-bottom: 34%;
		margin-top: 42%;
		width: 100%;
	}

	#march-hero .march-main {
		width: 100%;
	}

	#march-hero .main {
		width: 80%;
	}

	#march-hero .march-animation {
		width: 100%;
		top: -6%;
	}
}