/* March On */

#march-on * {
	font-family: 'akzidenz-grotesk-extended';
	font-weight: 300;
}
#march-on h1,
#march-on h2,
#march-on h3,
#march-on p {
	color: #000;
}
#march-on h2.masthead {
	font-size: 31px;
	margin-top: 17px;
	margin-bottom: 8.5px;
	padding-bottom: 0;
}
#march-on .slide a.reese { color: #fff; text-decoration: none; background-color: transparent; }
#march-on .slide a.reese div {
	font-family: akzidenz-grotesk-extended;
	position: absolute;
	height: auto;
	color: #000;
	z-index: 99;
	text-align: center;
}
#march-on #xs-overlay {
	display: block;
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	z-index: 100;
}
#march-on span.intro,
#march-on span.stic {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#march-on span.stic {
	color: #c21b2c;
}
#march-on button,
#march-on span.btn {
	text-transform: uppercase;
	background-color: #c21b2c;
	color: #fff;
	padding: 6px 22px;
}
#march-on #together-we-march #box-left,
#march-on #together-we-march #box-right {
	padding-left: 0;
	padding-right: 0;
}
#march-on #together-we-march #box-right {
	color: #fff;
	background-color: #ed355b;
	padding-left: 0;
	padding-right: 0;
}
#march-on #together-we-march #box-right * {
	color: #fff;
}
#march-on #together-we-march #box-left img {
	padding: 0;
}
#march-on #together-we-march p#shop-now {
	padding-top: 20px;
	padding-bottom: 20px;
}
#march-on #together-we-march #box-right h3,
#march-on #together-we-march #box-right p {
	margin-left: 40px;
}
#march-on #together-we-march button,
#march-on #together-we-march span.btn {
	text-transform: uppercase;
	background-color:#fff;
	color: #000 !important;
	padding: 6px 22px;
}
@media only screen and (min-width: 768px) {
	#march-on #march-on-founders-footsteps,
	#march-on #march-on-with-reese,
	#march-on #together-we-march {
		display: table;
	}
	#march-on #march-on-founders-footsteps [class*="col-"],
	#march-on #march-on-with-reese [class*="col-"],
	#march-on #together-we-march [class*="col-"] {
		float: none !important;
		display: table-cell;
		vertical-align: middle;
	}
	#march-on #march-on-with-reese div:nth-child(1) {
		/* background: url('../images/products/campaigns/MarchOn_DT_Reese2_450x253.jpg') top center no-repeat; */
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border-left: 15px white solid;
		border-right: 15px white solid;
	}
	#march-on #march-on-founders-footsteps div:nth-child(3) {
		/* background: url('../images/products/campaigns/MarchOn_DT_Lipstick2_450x253.jpg') top center no-repeat; */
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border-left: 15px white solid;
		border-right: 15px white solid;
	}
	#march-on #march-on-with-reese div:nth-child(1),
	#march-on #march-on-with-reese div:nth-child(2),
	#march-on #march-on-founders-footsteps div:nth-child(1),
	#march-on #march-on-founders-footsteps div:nth-child(2),
	#march-on #march-on-founders-footsteps div:nth-child(3),
	#march-on #together-we-march #box-left,
	#march-on #together-we-march #box-right {
		max-width: 50%;
		min-width: 50%;
		width: 50%;
	}
}

@media (max-width: 4000px) and (min-width: 992px) {
	#march-on h2 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	#march-on h3 {
		font-size: 26px;
	}
	#march-on #xs-overlay {
		position: absolute;
		width: 350px;
		left: 50%;
		margin-left:-50px;
		top: 520px;
	}
	#march-on #xs-overlay span.intro {
		font-size: 1.1em;
		line-height: 1.1em;
	}
	#march-on #xs-overlay span.stic {
		font-size: 1.1em;
		color: #c21b2c;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#march-on p {
		font-size:15px;
	}
	#march-on-un-women,
	#march-on-founders-footsteps,
	#march-on-with-reese,
	#march-on-ltd-lipstick {
		width: 80%;
	}
}

@media (max-width: 991px) and (min-width: 917px) {
	#march-on #xs-overlay {
		position: absolute;
		top: 520px;
		width: 40%;
		margin-left: -6%;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}
@media (max-width: 916px) and (min-width: 842px) {
	#march-on #xs-overlay {
		position: absolute;
		top: 485px;
		width: 40%;
		margin-left: -6%;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}
@media (max-width: 841px) and (min-width: 768px) {
	#march-on #xs-overlay {
		position: absolute;
		top:450px;
		width: 40%;
		margin-left: -6%;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	#march-on h2 {
		font-size: 20px;
		padding-bottom: 15px;
	}
	#march-on #xs-overlay {
		position: absolute;
		width: 40%;
		left: 50%;
		margin-left: -6%;
	}
	#march-on #xs-overlay span.intro {
		font-size: 1.1em;
		line-height: 1.1em;
	}
	#march-on #xs-overlay span.stic {
		font-size: 1.1em;
		color: #c21b2c;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	#march-on h2 {
		font-size: 20px;
	}
	#march-on #xs-overlay {
		position: relative;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
	#march-on #xs-overlay span.intro {
		font-size: 1.5em;
		line-height: 1em;
	}
	#march-on #xs-overlay span.stic {
		font-size: 1.5em;
		color: #c21b2c;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (min-width: 414px) and (max-width: 479px) {
	#march-on h2 {
		font-size: 20px;
	}
	#march-on #xs-overlay {
		position: relative;
	}
	#march-on #xs-overlay span.intro {
		font-size: 1.3em;
		line-height: 1em;
	}
	#march-on #xs-overlay span.stic {
		font-size: 1.3em;
		color: #c21b2c;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (min-width: 320px) and (max-width: 413px) {
	#march-on h2 {
		font-size: 15px;
	}
	#march-on #xs-overlay {
		position: relative;
	}
	#march-on #xs-overlay span.intro {
		font-size: 1em;
		line-height: 1em;
	}
	#march-on #xs-overlay span.stic {
		font-size: 1em;
		color: #c21b2c;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

@media (max-width: 319px) {
	#march-on h2 {
		font-size: 20px;
	}
	#march-on #xs-overlay {
		position: relative;
	}
	#march-on #xs-overlay span.intro {
		font-size: 1em;
		line-height: 1.2em;
	}
	#march-on #xs-overlay span.stic {
		font-size: 1em;
		color: #c21b2c;
	}
	#march-on #xs-overlay button,
	#march-on #xs-overlay span.btn {
		margin: 10px auto;
	}
}

/* March On END */