/*
Theme Name: Sephora Stands
Author: Burroughs Design Co
Description: Wordpress theme built for Sephora Stands. To avoid errors, do not edit theme or options with customize, widgets, or menus options below.
Version: 1.1
*/

/* ==========================================================================
	Fonts
	========================================================================== */

	@font-face {
		font-family: 'sephora_sans_bold';
		src: url('fonts/sephorasans/sephorasans-bold-webfont.woff2') format('woff2'),
		url('fonts/sephorasans/sephorasans-bold-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'sephora_sansbook';
		src: url('fonts/sephorasans/sephorasans-book-webfont.woff2') format('woff2'),
		url('fonts/sephorasans/sephorasans-book-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'sephora_sanslight';
		src: url('fonts/sephorasans/sephorasans-light-webfont.woff2') format('woff2'),
		url('fonts/sephorasans/sephorasans-light-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'sephora_sansmedium';
		src: url('fonts/sephorasans/sephorasans-medium-webfont.woff2') format('woff2'),
		url('fonts/sephorasans/sephorasans-medium-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'sephora_serifbook';
		src: url('fonts/sephoraserif/sephoraserif-book-webfont.woff2') format('woff2'),
		url('fonts/sephoraserif/sephoraserif-book-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;

	}

/* ==========================================================================
	Page Structure
	========================================================================== */

	html {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	body {
		background: #fff;
		margin: 0;
		padding: 0;
	}

	body::after {
		content: url('images/icon_lgarrow_prev.png') url('images/icon_lgarrow_next.png') url('images/icon_lgarrow_prev_hover.png') url('images/icon_lgarrow_next_hover.png');
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: -1000px;
		top: -1000px;
	}

	#container {
		max-width: 100%;
		display: block;
		margin: 0 auto;
		padding: 0;
		height: auto;
		overflow: auto;
	}

	:focus {
		outline: 0;
	}

/* ==========================================================================
	Standards
	========================================================================== */

	h2.headline {
		font-family: 'sephora_serifbook', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 38px;
		line-height: 42px;
		color: #000;
		margin: 0 0 15px 0;
		text-align: center;
	}

	h2.headline.single {
		margin: 0;
	}

	h2.headline.bottom-margin {
		margin: 0 0 40px 0;
	}

	p.standard {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0;
	}

	p.light {
		color: #777;
	}

/* ==========================================================================
	Navigation
	========================================================================== */

	nav {
		position: fixed;
		top: 0;
		display: block;
		width: 100%;
		height: 55px;
		margin: 0;
		padding: 0;
		background: #000;
		z-index: 1000;
	}

	#nav {
		display: none;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1440px;
		height: 68px;
		margin: 0 auto;
		padding: 0 17px 0 34px;
	}

	#nav img.logo {
		display: block;
		width: 219px;
		height: 37px;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#nav img.logo:hover {
		opacity: .7;
	}

	#nav #menu-container ul {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin: 0;
		padding: 0;
	}

	#nav #menu-container ul li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 14px;
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: .2px;
		height: 68px;
		border-top: 5px solid #000;
	}

	#nav #menu-container ul li.dotcom {
		display: none;
	}

	#nav #menu-container ul li a {
		color: #fff;
		text-decoration: none;
		opacity: 1;
		margin: -6px 0 0 0;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#nav #menu-container ul li a:hover {
		opacity: .7;
		cursor: pointer;
	}

	#nav #menu-container ul li.current-menu-item > a,
	#nav #menu-container ul li.current-menu-ancestor > a,
	#nav #menu-container ul li.current_page_item > a,
	#nav #menu-container ul li.current_page_ancestor > a {
		font-family: 'sephora_sans_bold', sans-serif;
		font-weight: normal;
		font-style: normal;
		margin: -6px 0 0 0;
	}

	#nav #menu-container ul li.current-menu-item > a:hover,
	#nav #menu-container ul li.current-menu-ancestor > a:hover,
	#nav #menu-container ul li.current_page_item > a:hover,
	#nav #menu-container ul li.current_page_ancestor > a:hover {
		opacity: 1;
	}

	#nav #menu-container ul li.current-menu-item,
	#nav #menu-container ul li.current-menu-ancestor,
	#nav #menu-container ul li.current_page_item,
	#nav #menu-container ul li.current_page_ancestor {
		border-top: 5px solid #d1232a;
	}

	body.page-id-533 #nav #menu-container ul li.current-menu-item,
	body.page-id-533 #nav #menu-container ul li.current-menu-ancestor,
	body.page-id-533 #nav #menu-container ul li.current_page_item,
	body.page-id-533 #nav #menu-container ul li.current_page_ancestor {
		border-top: 5px solid #3dae2b;
	}

/* ==========================================================================
	Footer
	========================================================================== */

	footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 150px;
		background: #000;
	}

	#footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1440px;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}

	#footer-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	#footer img.logo {
		display: block;
		width: 144px;
		height: 25px;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
		margin: 0 0 18px 0;
	}

	#footer img.logo:hover {
		opacity: .7;
	}

	#footer #menu-container ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin: 0;
		padding: 0;
	}

	#footer #menu-container ul li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 6px;
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
		line-height: 11px;
		letter-spacing: .2px;
		text-align: center;
	}

	#footer #menu-container ul li a {
		color: #fff;
		text-decoration: none;
		opacity: 1;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#footer #menu-container ul li a:hover {
		opacity: .7;
		cursor: pointer;
	}

	#footer-social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		margin: 18px 0 0 0;
	}

	img.social-icon {
		display: block;
		margin: 0 15px;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	img.social-icon:hover {
		opacity: .75;
	}

	img.instagram {
		width: 16px;
		height: 16px;
	}

	img.facebook {
		width: 9px;
		height: 16px;
	}

	img.twitter {
		width: 16px;
		height: 15px;
	}

/* ==========================================================================
	Mobile Navigation
	========================================================================== */

	#mobile-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 100%;
		height: 55px;
		margin: 0 auto;
		padding: 0 25px;
	}

	#mobile-nav img.logo {
		width: 144px;
		height: 25px;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#mobile-nav img.logo:hover {
		opacity: .7;
	}

	#mobile-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: fixed;
		top: 55px;
		width: 100%;
		height: 0;
		overflow: hidden;
		background-color: rgba(11, 11, 11, 0.9);
		z-index: 1;
	}

	#mobile-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}

	#mobile-menu ul li {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: .2px;
		margin: 0 0 20px 0;
	}

	#mobile-menu ul li.dotcom {
		display: none;
	}

	#mobile-menu ul li:last-of-type {
		margin: 0;
	}

	#mobile-menu ul li a {
		color: #fff;
		text-decoration: none;
		opacity: 1;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#mobile-menu ul li a:hover {
		opacity: .7;
		cursor: pointer;
	}

	#mobile-menu ul li.current-menu-item > a,
	#mobile-menu ul li.current-menu-ancestor > a,
	#mobile-menu ul li.current_page_item > a,
	#mobile-menu ul li.current_page_ancestor > a {
		font-family: 'sephora_sans_bold', sans-serif;
		font-weight: normal;
		font-style: normal;
		color: #d1232a;
	}

	body.page-id-533 #mobile-menu ul li.current-menu-item > a,
	body.page-id-533 #mobile-menu ul li.current-menu-ancestor > a,
	body.page-id-533 #mobile-menu ul li.current_page_item > a,
	body.page-id-533 #mobile-menu ul li.current_page_ancestor > a {
		font-family: 'sephora_sans_bold', sans-serif;
		font-weight: normal;
		font-style: normal;
		color: #3dae2b;
	}

	#mobile-menu ul li.current-menu-item > a:hover,
	#mobile-menu ul li.current-menu-ancestor > a:hover,
	#mobile-menu ul li.current_page_item > a:hover,
	#mobile-menu ul li.current_page_ancestor > a:hover {
		opacity: 1;
	}

	#mobile-nav-icon {
		width: 20px;
		height: 15px;
		position: relative;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#mobile-nav-icon span {
		display: block;
		position: absolute;
		height: 1px;
		width: 100%;
		background: #fff;
		border-radius: 2px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#mobile-nav-icon span:nth-child(1) {
		top: 0px;
	}

	#mobile-nav-icon span:nth-child(2),#mobile-nav-icon span:nth-child(3) {
		top: 7px;
	}

	#mobile-nav-icon span:nth-child(4) {
		top: 14px;
	}

	#mobile-nav-icon.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#mobile-nav-icon.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#mobile-nav-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#mobile-nav-icon.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

/* ==========================================================================
	Hero
	========================================================================== */

	#hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 275px;
		background: -webkit-repeating-linear-gradient(#fff, #fff 55px, #000 55px, #000 110px);
		background: repeating-linear-gradient(#fff, #fff 55px, #000 55px, #000 110px);
		margin: 55px 0 0 0;
	}

	#hero img.desktop {
		display: none;
		width: 357px;
		height: 254px;
	}

	#hero img.mobile {
		display: block;
		width: 197px;
		height: 200px;
	}

	#hero h1 {
		font-family: 'sephora_sanslight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 28px;
		line-height: 28px;
		letter-spacing: -0.2px;
		margin: 34px 0 0 0;
	}

	body.home #hero h1, body.error404 #hero h1 {
		display: none;
	}

/* ==========================================================================
	Subscribe
	========================================================================== */

	.subscribe {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		background: #000;
		padding: 30px 0;
	}

	.subscribe-interior {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 25px;
	}

	.subscribe-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 0 20px 0;
		max-width: 450px;
	}

	.subscribe h3 {
		font-family: 'sephora_sanslight', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 28px;
		letter-spacing: 0.1px;
		color: #fff;
		margin: 0 0 9px 0;
		text-align: center;
	}

	.subscribe p {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #fff;
		margin: 0;
		text-align: left;
		max-width: 100%;
	}

	.subscribe form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 100%;
	}

	.subscribe input {
		height: 55px;
	}

	.subscribe input.email {
		padding: 0 25px 0 20px;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		vertical-align: bottom;
		font-family: "sephora_sansbook", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 18px;
		color: #a9a9a9;
		border-radius: 3px;
		border: none;
	}

	.subscribe input.button {
		padding: 0 22px;
		margin: 15px 0 0 0;
		font-family: "sephora_sansmedium", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 0.2px;
		color: #fff;
		background: #d1232a;
		border: none;
		border-radius: 3px;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	.subscribe input.button:hover {
		background: #9d171d;
	}

	input::-webkit-input-placeholder {
		font-family: "sephora_sansbook", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 0.2px;
		color: #a9a9a9;
	}

/* ==========================================================================
	Page Headline & Introduction
	========================================================================== */

	#introduction {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		max-width: 950px;
		margin: 50px auto 50px auto;
		padding: 0 25px;
		text-align: center;
	}

	#introduction.cfc {
		margin: 100px auto 50px auto;
	}

	#introduction h2 {
		font-family: 'sephora_serifbook', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 46px;
		line-height: 50px;
		letter-spacing: 0.4px;
		color: #000;
		margin: 0 0 22px 0;
	}

	#introduction p {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 25px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0;
	}

	#introduction p strong {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
	}

	#introduction p a {
		color: #d1232a;
		text-decoration: none;
		transition: color .5s ease;
	}

	#introduction p a:hover {
		color: #9d171d;
	}

	#introduction p:nth-of-type(3) {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 25px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 20px 0 0 0;
	}

	#introduction p.button {
		margin: 50px 0 0 0;
		font-family: "sephora_sansmedium", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 0.2px;
	}

	#introduction p a.button {
		padding: 21px;
		color: #fff;
		background: #d1232a;
		text-decoration: none;
		border-radius: 3px;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#introduction p a.button:hover {
		background: #9d171d;
	}

	#introduction p.details {
		max-width: 650px;
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 40px auto 0 auto;
	}

/* ==========================================================================
	Sephora Does / 3 Columns
	========================================================================== */

	.sephora-does, .sus-focus, .sus-path {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: flex-start;
		width: 100%;
		margin: 0;
	}

	.sephora-does-column, .sus-focus-column, .sus-path-column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 100%;
		margin: 0 0 50px 0;
		padding: 0 25px;
		text-align: center;
	}

	.sephora-does-column img, .sus-focus-column img {
		display: block;
		width: 136px;
		height: 119px;
		margin: 0 0 25px 0;
		opacity: 1;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	.sephora-does-column img:hover {
		cursor: pointer;
		opacity: .8;
	}

	h4.column {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0 0 10px 0;
	}

	p.column {
		margin: 0;
	}

/* ==========================================================================
	Impact Section
	========================================================================== */

	#impact, #impact-sus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: auto;
		margin: 0 0 50px 0;
		padding: 50px 0;
	}

	#impact-copy, #impact-copy-sus {
		display: block;
		max-width: 550px;
		padding: 0 25px;
		text-align: center;
	}

	#impact h3, #impact-sus h3 {
		font-family: 'sephora_serifbook', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 38px;
		line-height: 42px;
		color: #fff;
		margin: 0 0 10px 0;
	}

	#impact p, #impact-sus p {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #fff;
		margin: 0;
	}

	#statistic-container, #statistic-container-sus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		max-width: 95%;
	}

	#statistic {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 260px;
		text-align: center;
		padding: 40px 30px 0 30px;
	}

	#statistic-sus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 300px;
		text-align: center;
		padding: 40px 20px 0 20px;
	}

	#statistic p.statistic {
		font-family: 'sephora_serifbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 65px;
		line-height: 65px;
		letter-spacing: -0.6px;
		color: #d1232a;
		margin: 0;
	}

	#statistic-sus p.statistic-sus {
		font-family: 'sephora_serifbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 50px;
		line-height: 50px;
		letter-spacing: -0.6px;
		color: #3dae2b;
		margin: 0 0 10px 0;
	}

	#statistic p.statistic-copy, #statistic-sus p.statistic-copy {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 0.2px;
		color: #fff;
		margin: 0;
	}

/* ==========================================================================
	Social Feed
	========================================================================== */

	#social-feed {
		display: block;
		margin: 0 0 50px 0;
	}

	#social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 550px;
		padding: 0 25px;
		text-align: center;
		margin: 0 auto 50px auto;
	}

	#social p {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0;
	}

	#social p a {
		color: #d1232a;
		text-decoration: none;
		transition: color .5s ease;
	}

	#social p a:hover {
		color: #9d171d;
	}

/* ==========================================================================
	Participate
	========================================================================== */

	#headline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 0 25px;
	}

	#participate-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 25px 0;
		padding: 0;
		overflow: hidden;
	}

	#participate {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		max-width: 700px;
		padding: 25px;
	}

	#participate h3 {
		font-family: 'sephora_sanslight', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 28px;
		color: #000;
		margin: 0 0 8px 0;
	}

	#participate img {
		display: block;
		margin: 4px 15px 0 0;
		width: 40px;
		height: 36px;
	}

	#participate-text {
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 55px);
		flex: 0 0 calc(100% - 55px);
	}

	#participate-text p {
		width: 85%;
		flex: 0 0 85%;
	}

	p.link {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0.7px;
		text-transform: uppercase;
		margin: 20px 0 0 0;
	}

	p.link::after {
		content: "";
		position: absolute;
		background: url('images/icon_textarrow@2x.png') 82% 9% / 7px 10px no-repeat;
		width: 20px;
		height: 20px;
	}


	p.link a {
		color: #d1232a;
		text-decoration: none;
		-webkit-transition: color .5s ease;
		transition: color .5s ease;
	}

	p.link a:hover {
		color: #9d171d;
		text-decoration: none;
	}

	p.link a:hover::after {
		content: "";
		position: absolute;
		background: url('images/icon_textarrow_hover@2x.png') 82% 9% / 7px 10px no-repeat;
		width: 20px;
		height: 20px;
	}

	#break {
		display: block;
		max-width: 1140px;
		height: 50px;
		border-top: 1px solid #d6d6d6;
		margin: 0 25px;
	}

	#interest-form {
		display: block;
		max-width: 400px;
		margin: 0 auto 50px auto;
		padding: 0 25px;
		text-align: center;
	}

	#interest-form a {
		text-decoration: none;
		color: #d1232a;
		-webkit-transition: color .5s ease;
		transition: color .5s ease;
	}

	#interest-form a:hover {
		color: #9d171d;
	}

/* ==========================================================================
	Photo Grid
	========================================================================== */

	#grid-container {
		display: block;
		max-width: 1140px;
		margin: 0 auto 50px auto;
		padding: 0 25px;
	}

	#grid-copy {
		max-width: 750px;
		margin: 0 auto;
		padding: 0 25px;
		text-align: center;
	}

	#grid, #sus-grid {
		display: block;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		margin: 50px 0 0 0;
	}

	#grid-group, #sus-grid-group {
		display: block;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		width: 100%;
		margin: 0;
	}

	#grid-single, #sus-grid-single {
		display: block;
		max-width: 100%;
		margin: 0;
	}

	img.top-left {
		display: block;
		width: 100%;
		height: auto;
	}

	img.bottom-left, img.bottom-center {
		display: block;
		margin: 3.9893% 0 0 0;
		width: 100%;
		height: auto;
	}

	img.right {
		display: block;
		width: 100%;
		height: auto;
		margin: 3.9893% 0 0 0;
	}

	img.sus-heart {
		display: none;
	}

	.image-caption-top-left p,
	.image-caption-bottom-left p,
	.image-caption-bottom-center p,
	.image-caption-right p {
		font-family: 'sephora_sansbook', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		line-height: 22px;
		color: #000;
		margin: 15px 0 40px 0;
		padding: 0 25px;
		text-align: center;
	}

/* ==========================================================================
	Testimonials
	========================================================================== */

	#testimonial-container {
		display: none;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1140px;
		margin: 0 auto 75px auto;
		padding: 0 25px;
		text-align: center;
	}

	#testimonial-container-sus {
		display: none;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1140px;
		margin: 0 auto 75px auto;
		padding: 0 25px;
		text-align: center;
	}

	#testimonial-container-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1140px;
		margin: 0 auto 50px auto;
		padding: 0 20px;
		text-align: center;
	}

	#testimonial {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 82.89%;
	}

	#testimonial-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 95%;
		margin: 0 auto;
	}

	#name {
		max-width: 200px;
		margin: 0 auto;
	}

	p.quote {
		font-family: 'sephora_serifbook', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0.1px;
		color: #000;
		margin: 0;
	}

	p.quote-name {
		font-family: 'sephora_sansmedium', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		line-height: 17px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0;
	}

	p.quote-title {
		font-family: 'sephora_sansbook', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.2px;
		color: #a9a9a9;
		margin: 10px 0 0 0;
	}

	#name-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 40px 0 0 0;
	}

	#testimonial-container .prev {
		display: block;
		width: 23px;
		height: 42px;
		background: url('images/icon_lgarrow_prev.png') 0 0 / 23px 42px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#testimonial-container .next {
		display: block;
		width: 23px;
		height: 42px;
		background: url('images/icon_lgarrow_next.png') 0 0 / 23px 42px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#testimonial-container .prev:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_prev_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#testimonial-container .next:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#testimonial-container-mobile .prevm {
		display: block;
		width: 12px;
		height: 21px;
		background: url('images/icon_lgarrow_prev.png') 0 0 / 12px 21px no-repeat;
		margin: 0;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#testimonial-container-mobile .nextm {
		display: block;
		width: 12px;
		height: 21px;
		background: url('images/icon_lgarrow_next.png') 0 0 / 12px 21px no-repeat;
		margin: 0;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#testimonial-container-mobile .prevm:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_prev_hover.png') 0 0 / 12px 21px no-repeat;
	}

	#testimonial-container-mobile .nextm:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 12px 21px no-repeat;
	}

/* ==========================================================================
	Together Fund
	========================================================================== */

	#together {
		max-width: 750px;
		margin: 0 auto 50px auto;
		padding: 0 25px;
		text-align: center;
	}

	#together-blocks {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1140px;
		margin: 0 auto;
		padding: 0;
	}

	#together-quote {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		margin: 0;
		padding: 0 25px;
		box-sizing: border-box;
	}

	#together-quote-interior {
		display: block;
		margin: 0;
		padding: 50px 0;
		max-width: 100%;
	}

	#together-quote-interior * {
		max-width: 100%;
	}

	p.together-quote {
		font-family: 'sephora_serifbook', serif;
		font-weight: normal;
		font-style: normal;
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0.1px;
		color: #fff;
		margin: 0 0 30px 0;
	}

	p.together-name {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: 0.2px;
		color: #fff;
		margin: 0 0 10px 0;
	}

	p.together-title {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0.2px;
		color: #a9a9a9;
		margin: 0;
	}

	#together-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		max-width: 88%;
		text-align: left;
		margin: 50px 0;
	}

	#together-right-section {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		padding: 10px 0;
		max-width: 100%;
	}

	#together-right-section p {
		max-width: 100%;
	}

	#together-right-section img {
		display: block;
		width: 31px;
		height: 32px;
		margin: 2px 15px 0 0;
	}

	h3.trs {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0 0 5px 0;
	}

/* ==========================================================================
	Matching Gift Program
	========================================================================== */

	.matching-container {
		display: block;
		width: 100%;
		margin: 0;
		padding: 50px 0 0 0;
		background: #f8f8f8;
	}

	.matching-intro {
		max-width: 750px;
		margin: 0 auto 0 auto;
		padding: 0 25px;
		text-align: center;
	}

	.matching-blocks {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
	}

	.matching-blocks-single * {
		max-width: 100%;
	}

	.matching-blocks-single:first-of-type {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 500px;
		text-align: center;
		padding: 25px 0;
		border-right: none;
		border-bottom: 1px solid #d6d6d6;
		margin: 0 25px;
	}

	.matching-blocks-single {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 500px;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 500px;
		        flex: 0 0 500px;
		text-align: center;
		padding: 25px 0;
		margin: 0 25px;
	}

	.matching-blocks-single img {
		display: block;
		width: 42px;
		height: 42px;
	}

	h3.matching {
		font-family: 'sephora_serifbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0.1px;
		color: #000;
		margin: 15px 0 5px 0;
	}

/* ==========================================================================
	Donations Email Form
	========================================================================== */

	#donations {
		width: 100%;
		background: #f8f8f8;
		padding: 50px 0;
	}

	#donations * {
		max-width: 100%;
	}

	#donations-interior {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 700px;
		margin: 0 auto;
		padding: 0 25px;
		text-align: center;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 700px;
		        flex: 0 0 700px;
	}

	p.donations {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 25px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0 0 5px 0;
	}

	#donations form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 100%;
		margin: 40px auto 0 auto;
	}

	#donations input {
		height: 55px;
	}

	#donations input.email {
		padding: 0 25px 0 20px;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		vertical-align: bottom;
		font-family: "sephora_sansbook", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 18px;
		color: #a9a9a9;
		border-radius: 3px;
		border: none;
	}

	#donations input.button {
		padding: 0 22px;
		margin: 15px 0 0 0;
		font-family: "sephora_sansmedium", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 0.2px;
		color: #fff;
		background: #d1232a;
		border: none;
		border-radius: 3px;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#donations input.button:hover {
		background: #9d171d;
		-webkit-transition: background .5s ease;
	}

	input::-webkit-input-placeholder {
		font-family: "sephora_sansbook", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 0.2px;
		color: #a9a9a9;
	}

	/* ==========================================================================
	Video
	========================================================================== */

	.dots {
		display: block;
	}

	.video {
		display: block;
		margin: 0 auto 0 auto;
		max-width: 100%;
		height: auto;
		padding: 0;
	}

	#video-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		padding: 0;
		max-width: 100%;
	}

	.video-player {
		display: block;
		width: 100%;
		height: auto;
	}

	#video-container .prevvideo {
		display: none !important;
		width: 23px;
		height: 42px;
		background: url('images/icon_lgarrow_prev.png') 0 0 / 23px 42px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#video-container .nextvideo {
		display: none !important;
		width: 23px;
		height: 42px;
		background: url('images/icon_lgarrow_next.png') 0 0 / 23px 42px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#video-container .prevvideo:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_prev_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#video-container .nextvideo:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#mobile-video-nav {
		width: 50%;
		display: flex;
		flex-direction: row;
		margin: 10px auto 50px auto;
		justify-content: space-between;
		align-items: center;
	}

	#mobile-video-nav .nextvideo:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#mobile-video-nav .prevvideom {
		display: block;
		width: 12px;
		height: 21px;
		background: url('images/icon_lgarrow_prev.png') 0 0 / 12px 21px no-repeat;
		margin: 0;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#mobile-video-nav .nextvideom {
		display: block;
		width: 12px;
		height: 21px;
		background: url('images/icon_lgarrow_next.png') 0 0 / 12px 21px no-repeat;
		margin: 0;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#mobile-video-nav .prevvideom:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_prev_hover.png') 0 0 / 12px 21px no-repeat;
	}

	#mobile-video-nav .nextvideom:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 12px 21px no-repeat;
	}

	.embed-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
	}

	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.vimeoplayer {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 13.304%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		height: 23.65%;
		background: red;
		border-radius: 50%;
		background: url(  'images/play.png') center center / 100% no-repeat;
		-webkit-transition: background-color .5s ease;
		transition: background-color .5s ease;
	}

	.vimeoplayer:hover {
		cursor: pointer;
		background-color: rgba(12, 12, 12, 0.6);
	}

/* ==========================================================================
	4 Columns
	========================================================================== */

	.accelerate-steps {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		width: 100%;
		margin: 0;
	}

	.accelerate-column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 100%;
		margin: 0 0 50px 0;
		padding: 0 25px;
		text-align: center;
	}

	.accelerate-column p {
		max-width: 100%;
	}

	.accelerate-column img {
		display: block;
		width: 140px;
		height: 123px;
		margin: 0 0 25px 0;
	}

	p.column {
		margin: 0;
	}

/* ==========================================================================
	Timeline
	========================================================================== */

	#timeline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		max-width: 50%;
		margin: 0 auto 50px auto;
		border-left: 3px solid #d6d6d6;
		border-top: none;
		padding: 30px 0 0 0;
	}

	#date {
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 265px;
		margin: -8px 0 0 0;
		text-align: center;
	}

	#date img {
		display: none;
		width: 14px;
		height: 81px;
		margin: 0 0 10px 0;
	}

	h4.column.date {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0 0 5px 0;
	}

	#date-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin: 0 0 50px 0;
	}

	#date-mobile:last-of-type {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		margin: 0;
	}

	img.date-mobile {
		display: block;
		width: 50px;
		height: 14px;
		margin: 3px 15px 0 -8px;
	}

/* ==========================================================================
	Cohort
	========================================================================== */

	#cohort-people {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1140px;
		margin: 0 auto;
	}

	#cohort-column {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 190px;
		margin: 40px 0 0 0;
		padding: 0 45px;
		text-align: center;
	}

	#cohort img {
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin: 0 0 15px 0;
	}

	h2.cohort {
		padding: 0 25px;
		margin: 0;
	}

	h4.column.name {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0;
	}

	p.company {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #777;
		margin: 2px 0;
	}

	p.city {
		line-height: 19px;
	}

	#youtube {
		display: block;
		width: 31px;
		height: 21px;
		background: url('images/youtube.png') 0 0 / 31px 21px no-repeat;
		margin: 20px auto 0 auto;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#youtube:hover {
		cursor: pointer;
		background: url('images/youtube_hover.png') 0 0 / 31px 21px no-repeat;
	}

/* ==========================================================================
	Accelerate Carousel
	========================================================================== */

	#accelerate-carousel {
		display: block;
		width: 100%;
		background: #0c0c0c;
		margin: 50px 0;
		padding: 50px 0;
	}

	#carousel-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 1140px;
		margin: 0 auto;
		padding: 0 40px;
	}

	#carousel-container .prev-carousel {
		display: none;
		width: 23px;
		height: 42px;
		background: url('images/icon_lgarrow_prev.png') 0 0 / 23px 42px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#carousel-container .next-carousel {
		display: none;
		width: 23px;
		height: 42px;
		background: url('images/icon_lgarrow_next.png') 0 0 / 23px 42px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#carousel-container .prev-carousel:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_prev_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#carousel-container .next-carousel:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 23px 42px no-repeat;
	}

	#carousel-container .prev-carousel-mobile{
		display: none;
		width: 12px;
		height: 21px;
		background: url('images/icon_lgarrow_prev.png') 0 0 / 12px 21px no-repeat;
		margin: 0;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#carousel-container .next-carousel-mobile {
		display: none;
		width: 12px;
		height: 21px;
		background: url('images/icon_lgarrow_next.png') 0 0 / 12px 21px no-repeat;
		margin: 0;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	#carousel-container .prev-carousel-mobile:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_prev_hover.png') 0 0 / 12px 21px no-repeat;
	}

	#carousel-container .next-carousel-mobile:hover {
		cursor: pointer;
		background: url('images/icon_lgarrow_next_hover.png') 0 0 / 12px 21px no-repeat;
	}

	#carousel-interior {
		display: block;
		max-width: 280px;
		margin: 0 auto;
		padding: 0 25px;
	}

	#carousel-nav-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		opacity: .4;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	#carousel-nav-container.slick-current {
		opacity: 1;
	}

	#carousel-nav-container:hover {
		opacity: .7;
		cursor: pointer;
	}

	#carousel-nav-container.slick-current:hover {
		opacity: 1 !important;
	}

	#carousel-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		max-width: 300px;
		padding: 0 60px;
	}

	#carousel-nav img {
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		padding: 8px;
		margin: 0 0 20px 0;
		border: 1px solid #4C0E11;
	}

	p.testimonial {
		font-family: 'sephora_serifbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0.1px;
		color: #fff;
		margin: 0 0 45px 0;
		text-align: center;
	}

	p.testimonial-name {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 15px;
		line-height: 15px;
		letter-spacing: 0.2px;
		color: #fff;
		margin: 0 0 10px 0;
		text-align: center;
	}

	p.testimonial-company, p.testimonial-title {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 12px;
		line-height: 12px;
		letter-spacing: 0.2px;
		color: #a9a9a9;
		margin: 0 0 6px 0;
		text-align: center;
	}

/* ==========================================================================
	FAQ
	========================================================================== */

	#faq {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		max-width: 1140px;
		margin: 0 auto 50px auto;
		text-align: left;
	}

	#faq-interior {
		width: 80%;
		margin: 40px auto 0 auto;
	}

	ul.faq {
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
	}

	ul.faq:last-of-type {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.faq ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.question {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.question:hover {
		cursor: pointer;
	}

	.answer {
		display: none;
	}

	.answer p {
		font-family: 'sephora_sansbook', sans-serif;
		font-weight: normal;
		font-style: normal;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 0.2px;
		color: #777;
		margin: 10px 0 0 0;
	}

	.answer p b {
		font-family: 'sephora_sansmedium', sans-serif;
		font-weight: normal;
		font-style: normal;
	}

	ul.answer {
		padding: 0 0 0 37px;
	}

	.question .faq-arrow {
		display: block;
		width: 20px;
		height: 20px;
		background: url('images/faq_static@2x.png') 0 0 / 20px 20px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	.question .faq-arrow:hover {
		cursor: pointer;
		display: block;
		width: 20px;
		height: 20px;
		background: url('images/faq_roll@2x.png') 0 0 / 20px 20px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	li.open .question .faq-arrow {
		display: block;
		width: 20px;
		height: 20px;
		background: url('images/faq_selected@2x.png') 0 0 / 20px 20px no-repeat;
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}

	li.open .question .faq-arrow:hover {
		cursor: pointer;
	}

	.faq h5 {
		font-family: 'sephora_sansbook', sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 25px;
		letter-spacing: 0.2px;
		color: #000;
		margin: 0;
		text-align: left;
		cursor: pointer;
		margin: 0 0 0 15px;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(100% - 35px);
		        flex: 0 0 calc(100% - 35px);
		max-width: calc(100% - 35px);
	}

/* ==========================================================================
	Media Queries
	========================================================================== */

	@media all and (min-width: 500px) {

		p.standard, .answer p, #social p {
			font-size: 14px;
			line-height: 25px;
		}

		p.city {
			line-height: 20px;
		}

		#footer img.logo {
			width: 219px;
			height: 37px;
		}

		#footer #menu-container ul li {
			padding: 0 12px;
			font-size: 16px;
			line-height: 16px;
		}

		img.instagram {
			width: 24px;
			height: 24px;
		}

		img.facebook {
			width: 11px;
			height: 20px;
		}

		img.twitter {
			width: 21px;
			height: 18px;
		}

		#introduction {
			padding: 0 50px;
		}

		#introduction h2 {
			font-size: 50px;
			line-height: 58px;
		}

		#introduction p {
			font-size: 18px;
			line-height: 28px;
		}

		#introduction p:nth-of-type(3) {
			font-size: 18px;
			line-height: 28px;
		}

		#introduction p.button {
			margin: 65px 0 0 0;
			font-size: 16px;
			line-height: 16px;
		}

		#introduction p.details {
			font-size: 14px;
			line-height: 25px;
		}

		.subscribe {
			padding: 50px 0;
		}

		.subscribe-content {
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
		}

		.subscribe h3 {
			font-size: 30px;
			line-height: 30px;
		}

		.subscribe form {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			width: auto;
		}

		.subscribe input.email {
			width: 300px;
			border-radius: 3px 0 0 3px;
		}

		.subscribe input.button {
			margin: 0;
			border-radius: 0 3px 3px 0;
		}

		#donations form {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			width: auto;
			margin: 25px auto 0 auto;
		}

		#donations input.email {
			width: 300px;
			border-radius: 3px 0 0 3px;
		}

		#donations input.button {
			margin: 0;
			border-radius: 0 3px 3px 0;
		}

		p.donations {
			font-size: 18px;
			line-height: 28px;
		}

		h4.column {
			font-size: 16px;
			line-height: 16px;
			margin: 0 0 15px 0;
		}

		h4.column.name {
			font-size: 16px;
			line-height: 23px;
			margin: 0;
		}

		p.company {
			font-size: 16px;
			line-height: 23px;
		}

		h4.column.date {
			font-size: 16px;
			line-height: 23px;
		}

		#impact-copy, #impact-copy-sus {
			padding: 0 50px;
		}

		#statistic {
			width: 320px;
		}

		#statistic-sus {
			width: 365px;
		}

		#participate h3 {
			font-size: 26px;
			line-height: 26px;
		}

		#participate img {
			margin: 4px 30px 0 0;
			width: 91px;
			height: 83px;
		}

		#grid {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: stretch;
			    -ms-flex-align: stretch;
			        align-items: stretch;
			width: 100%;
		}

		#grid-group {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			width: 65.78%;
			margin: 0 2.6315% 0 0;
		}

		#grid-single {
			display: block;
			width: 31.57%;
			margin: 0;
		}

		#grid img.top-left {
			width: 100%;
			height: 47.87%;
		}

		#grid img.bottom-left, #grid img.bottom-center {
			margin: 3.9893% 0 0 0;
			width: 48%;
			height: 47.87%;
		}

		#grid img.right {
			width: 100%;
			height: 100%;
			margin: 0;
		}

		#together {
			padding: 0 50px;
		}

		h3.trs {
			font-size: 18px;
			line-height: 18px;
		}

		.matching-intro {
			padding: 0 50px;
		}

		h3.matching {
			font-size: 26px;
			line-height: 38px;
			margin: 30px 0 10px 0;
		}

		.matching-blocks-single:first-of-type, .matching-blocks-single {
			padding: 50px 25px;
		}

		#social {
			margin: 0 auto 75px auto;
		}

		#faq-interior {
			width: 70%;
		}

		ul.answer {
			padding: 0 0 0 57px;
		}

		.question .faq-arrow {
			width: 30px;
			height: 30px;
			background: url('images/faq_static@2x.png') 0 0 / 30px 30px no-repeat;
		}

		.question .faq-arrow:hover {
			cursor: pointer;
			width: 30px;
			height: 30px;
			background: url('images/faq_roll@2x.png') 0 0 / 30px 30px no-repeat;
		}

		li.open .question .faq-arrow {
			width: 30px;
			height: 30px;
			background: url('images/faq_selected@2x.png') 0 0 / 30px 30px no-repeat;
		}

		li.open .question .faq-arrow:hover {
			cursor: pointer;
		}

		.faq h5 {
			font-size: 18px;
			line-height: 25px;
			margin: 0 0 0 25px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 calc(100% - 55px);
			        flex: 0 0 calc(100% - 55px);
			max-width: calc(100% - 55px);
		}

	}

	@media all and (min-width: 550px) {

		h2.headline {
			font-size: 42px;
			line-height: 54px;
		}

		#impact h3, #impact-sus h3 {
			font-size: 42px;
			line-height: 42px;
			margin: 0 0 15px 0;
		}

		#impact p, #impact-sus p {
			font-size: 14px;
			line-height: 25px;
		}

		#statistic p.statistic {
			font-size: 70px;
			line-height: 70px;
		}

		#statistic-sus p.statistic-sus {
			font-size: 60px;
			line-height: 60px;
		}

		#statistic p.statistic-copy, #statistic-sus p.statistic-copy {
			font-size: 16px;
			line-height: 24px;
		}

		#testimonial-container, #testimonial-container-sus {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}

		#testimonial-container-mobile {
			display: none;
		}

		#name {
			max-width: 300px;
		}

		p.quote {
			font-size: 26px;
			line-height: 38px;
		}

		p.quote-name {
			font-size: 16px;
			line-height: 16px;
		}

		p.quote-title {
			font-size: 13px;
			line-height: 20px;
		}

		#name-container {
			margin: 50px 0 0 0;
		}

		.matching-blocks-single img {
			width: 58px;
			height: 58px;
		}

		#carousel-nav {
			padding: 0;
		}

	}

	@media all and (min-width: 600px) {

		#together-blocks {
			padding: 0 25px;
		}

		#together-quote {
			width: 88%;
			padding: 0 50px;
		}

		#together-right-section img {
			width: 40px;
			height: 42px;
			margin: 5px 30px 0 0;
		}

		p.together-quote {
			font-size: 26px;
			line-height: 38px;
		}

		p.together-name {
			font-size: 16px;
			line-height: 16px;
		}

		p.together-title {
			font-size: 13px;
			line-height: 13px;
		}

		.accelerate-steps {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			margin: 0 0 50px 0;
		}

		.accelerate-column {
			max-width: 265px;
			margin: 0;
			padding: 0 15px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 25%;
			        flex: 0 0 25%;
		}

		#cohort img {
			width: 190px;
			height: 190px;
			margin: 0 0 35px 0;
		}

		p.company {
			margin: 4px 0;
		}

		#cohort-people {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
		}

		#cohort-column {
			margin: 90px 0 0 0;

		}

	}

	@media all and (min-width: 700px) {

		#sus-grid {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: stretch;
			    -ms-flex-align: stretch;
			        align-items: stretch;
			width: 100%;
		}

		#sus-grid-group {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			width: 65.78%;
			margin: 0 2.6315% 0 0;
		}

		#sus-grid-single {
			display: block;
			width: 31.57%;
			margin: 0;
		}

		#sus-grid img.top-left {
			width: 100%;
		}

		#sus-grid img.bottom-left,
		#sus-grid img.bottom-center {
			width: 100%;
			margin: 3.9893% 0 0 0;
		}

		#sus-grid img.right {
			width: 100%;
			margin: 0;
		}

		.hover-top-left {
			display: block;
			position: relative;
			width: 100%;
			height: 47.87%;
		}

		.hover-bottom-left,
		.hover-bottom-center {
			display: block;
			position: relative;
			width: 48%;
			height: 47.87%;
		}

		.hover-right {
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
		}

		.image-caption-top-left,
		.image-caption-right {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(12, 12, 12, 0.77);
			color: #fff;
			visibility: hidden;
			opacity: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			transition: opacity .5s, visibility .5s;
		}

		.image-caption-bottom-left,
		.image-caption-bottom-center {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(12, 12, 12, 0.77);
			color: #fff;
			visibility: hidden;
			opacity: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			transition: opacity .5s, visibility .5s;
			margin: 3.9893% 0 -3.9893% 0;
		}

		.hover-top-left:hover .image-caption-top-left,
		.hover-bottom-left:hover .image-caption-bottom-left,
		.hover-bottom-center:hover .image-caption-bottom-center,
		.hover-right:hover .image-caption-right {
			visibility: visible;
			opacity: 1;
			cursor: pointer;
		}

		.image-caption-top-left p {
			transition: .3s;
			transform: translateY(1em);
			font-family: 'sephora_sansmedium', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 13px;
			line-height: 20px;
			color: #fff;
			margin: 15px 0 0 0;
			padding: 0 75px;
			text-align: center;
			max-width: 90%;
		}

		.image-caption-bottom-left p,
		.image-caption-bottom-center p,
		.image-caption-right p {
			transition: .3s;
			transform: translateY(1em);
			font-family: 'sephora_sansmedium', sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 13px;
			line-height: 20px;
			color: #fff;
			margin: 15px 0 0 0;
			padding: 0 20px;
			text-align: center;
			max-width: 90%;
		}

		.hover-top-left:hover .image-caption-top-left p,
		.hover-bottom-left:hover .image-caption-bottom-left p,
		.hover-bottom-center:hover .image-caption-bottom-center p,
		.hover-right:hover .image-caption-right p {
			transform: translateY(0);
		}

		img.sus-heart {
			display: block;
			width: 38px;
		}

		.image-caption-top-left img,
		.image-caption-bottom-left img,
		.image-caption-bottom-center img,
		.image-caption-right img {
			transition: .3s;
			transform: translateY(1em);
		}

		.hover-top-left:hover .image-caption-top-left img,
		.hover-bottom-left:hover .image-caption-bottom-left img,
		.hover-bottom-center:hover .image-caption-bottom-center img,
		.hover-right:hover .image-caption-right img {
			transform: translateY(0);
		}

		.dots {
			display: none;
		}

		.video {
			padding: 0 25px;
		}

		#video-container {
			padding: 0 25px;
			max-width: 1286px;
			margin: 0 auto 50px auto;
		}

		.video-player {
			width: 90%;
		}

		#video-container .prevvideo {
			display: block !important;
		}

		#video-container .nextvideo {
			display: block !important;
		}

		#mobile-video-nav {
			display: none;
		}

	}

	@media all and (min-width: 768px) {

		h2.headline {
			font-size: 46px;
			line-height: 54px;
		}

		#break {
			height: 75px;
		}

		nav {
			display: block;
			height: 68px;
		}

		#nav {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}

		#mobile-nav {
			display: none;
		}

		#hero {
			height: 340px;
			background: -webkit-repeating-linear-gradient(#fff, #fff 68px, #000 68px, #000 136px);
			background: repeating-linear-gradient(#fff, #fff 68px, #000 68px, #000 136px);
			margin: 68px 0 0 0;
		}

		#hero img.desktop {
			display: block;
		}

		#hero img.mobile {
			display: none;
		}

		#hero h1 {
			font-size: 32px;
			line-height: 32px;
			margin: 37px 0 0 0;
		}

		.subscribe p {
			font-size: 14px;
			line-height: 25px;
		}

		#introduction {
			margin: 75px auto 75px auto;
			padding: 0 100px;
		}

		#introduction h2 {
			font-size: 54px;
			line-height: 62px;
		}

		#introduction p {
			font-size: 20px;
			line-height: 30px;
		}

		#introduction p:nth-of-type(3) {
			font-size: 20px;
			line-height: 30px;
		}

		.sephora-does, .sus-focus, .sus-path {
			margin: 0 0 25px 0;
		}

		#impact, #impact-sus {
			margin: 0 0 75px 0;
			padding: 70px 0;
		}

		#impact-copy, #impact-copy-sus {
			padding: 0 100px;
		}

		#impact h3, #impact-sus h3 {
			font-size: 46px;
			line-height: 46px;
		}

		#impact p, #impact-sus p {
			font-size: 16px;
			line-height: 25px;
		}

		#statistic, #statistic-sus {
			padding: 60px 30px 0 30px;
		}

		#statistic p.statistic {
			font-size: 78px;
			line-height: 78px;
			margin: 0 0 5px 0;
		}

		#statistic-sus p.statistic-sus {
			font-size: 60px;
			line-height: 60px;
		}

		#statistic p.statistic-copy, #statistic-sus p.statistic-copy {
			font-size: 17px;
			line-height: 30px;
		}

		#participate-container {
			margin: 37px 0;
		}

		#participate {
			padding: 37px;
		}

		#grid-container {
			margin: 0 auto 75px auto;
			padding: 0 35px;
		}

		#grid {
			margin: 75px 0 0 0;
		}

		#together {
			margin: 0 auto 75px auto;
			padding: 0 100px;
		}

		#together-quote-interior {
			padding: 75px 0;
		}

		#together {
			margin: 0 auto 75px auto;
		}

		.matching-container {
			padding: 75px 0 25px 0;
		}

		.matching-intro {
			padding: 0 100px;
		}

		#old-video, #video-container {
			margin: 0 auto 75px auto;
		}

		.accelerate-steps {
			margin: 0 0 75px 0;
		}

		#accelerate-carousel {
			margin: 75px 0;
			padding: 75px 0;
		}

		#carousel-interior {
			max-width: 500px;
		}

		p.testimonial {
			font-size: 26px;
			line-height: 38px;
		}

		p.testimonial-name {
			font-size: 16px;
			line-height: 16px;
		}

		p.testimonial-company, p.testimonial-title {
			font-size: 13px;
			line-height: 13px;
		}

		#timeline {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			max-width: 1140px;
			margin: 0 25px 75px 25px;
			border-top: 3px solid #d6d6d6;
			border-left: none;
			padding: 0;
		}

		#date {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}

		#date img {
			display: block;
		}

		#date-mobile, #date-mobile:last-of-type {
			display: none;
		}

		img.date-mobile {
			display: none;
		}

		#faq {
			margin: 0 auto 75px auto;
		}

		#interest-form {
			margin: 0 auto 75px auto;
		}

		#social-feed {
			margin: 0 0 75px 0;
		}

		#donations {
			padding: 0 0 75px 0;
		}

		h2.headline.bottom-margin {
			margin: 0 0 65px 0;
		}

	}

	@media all and (min-width: 800px) {

		p.standard, .answer p, #social p {
			font-size: 16px;
			line-height: 25px;
		}

		p.city {
			line-height: 22px;
		}

		.sephora-does-column {
			max-width: 265px;
			padding: 0 15px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 25%;
			        flex: 0 0 25%;
		}

		.sus-focus-column, .sus-path-column {
			max-width: 360px;
			padding: 0 15px;
			-webkit-box-flex: 0;
			    -ms-flex: 0 0 33.3333%;
			        flex: 0 0 33.3333%;
		}

		.sephora-does-column *, .sus-focus-column *, .sus-path-column * {
			max-width: 100%;
		}

		h4.column {
			font-size: 17px;
			line-height: 17px;
		}

		h4.column.name {
			font-size: 17px;
			line-height: 24px;
		}

		p.company {
			font-size: 17px;
			line-height: 24px;
		}

		h4.column.date {
			font-size: 17px;
			line-height: 24px;
		}

		#participate h3 {
			font-size: 30px;
			line-height: 30px;
			margin: 0 0 13px 0;
		}

		h3.trs {
			font-size: 18px;
			line-height: 18px;
		}

		h3.matching {
			font-size: 30px;
			line-height: 42px;
			margin: 30px 0 10px 0;
		}

		p.donations {
			font-size: 20px;
			line-height: 30px;
		}

		#carousel-interior {
			max-width: 600px;
		}

		.faq h5 {
			font-size: 20px;
			line-height: 30px;
		}

	}

	@media all and (min-width: 900px) {

		.image-caption-top-left p {
			font-size: 16px;
			line-height: 25px;
			margin: 20px 0 0 0;
			padding: 0 125px;
		}

		.image-caption-bottom-left p,
		.image-caption-bottom-center p,
		.image-caption-right p {
			font-size: 16px;
			line-height: 25px;
			margin: 20px 0 0 0;
			padding: 0 35px;
		}

		#break {
			height: 100px;
		}

		#nav {
			padding: 0 41px 0 68px;
		}

		#menu-container ul li {
			padding: 0 27px 0 27px;
		}

		#introduction {
			margin: 100px auto 100px auto;
			padding: 0 100px;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}

		#introduction * {
			max-width: 100%;
		}

		.sephora-does, .sus-focus, .sus-path {
			margin: 0 0 50px 0;
		}

		#impact, #impact-sus {
			margin: 0 0 100px 0;
		}

		#grid-container {
			margin: 0 auto 100px auto;
		}

		#grid {
			margin: 100px 0 0 0;
		}

		#testimonial-container, #testimonial-container-sus {
			margin: 0 auto 100px auto;
		}

		p.quote {
			font-size: 30px;
			line-height: 42px;
		}

		p.quote-name {
			font-size: 17px;
			line-height: 17px;
		}

		p.quote-title {
			font-size: 14px;
			line-height: 20px;
		}

		#name-container {
			margin: 60px 0 0 0;
		}

		#together {
			margin: 0 auto 100px auto;
		}

		#together-quote {
			width: 75%;
		}

		#together-right {
			max-width: 75%;
			margin: 75px 0;
		}

		.matching-container {
			padding: 100px 0;
		}

		.matching-blocks {
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-align: stretch;
			    -ms-flex-align: stretch;
			        align-items: stretch;
			margin: 50px 0 0 0;
		}

		.matching-blocks-single:first-of-type {
			max-width: 420px;
			margin: 0;
			padding: 20px 50px;
		}

		.matching-blocks-single {
			max-width: 420px;
			margin: 0;
			padding: 20px 50px;
		}

		#old-video, #video-container {
			margin: 0 auto 100px auto;
		}

		.accelerate-steps {
			margin: 0 0 100px 0;
		}

		#accelerate-carousel {
			margin: 100px 0;
		}

		#carousel-interior {
			max-width: 700px;
		}

		#timeline {
			margin: 0 auto 100px auto;
		}

		#faq {
			margin: 0 auto 100px auto;
		}

		#interest-form {
			margin: 0 auto 100px auto;
		}

		#social-feed {
			margin: 0 0 100px 0;
		}

		#donations {
			padding: 0 0 100px 0;
		}

		h2.headline.bottom-margin {
		margin: 0 0 90px 0;
		}

	}

	@media all and (min-width: 1000px) {

		.subscribe-interior {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
		}

		.subscribe-content {
			margin: 0 55px 0 0;
		}

		.subscribe p {
			font-size: 16px;
			line-height: 25px;
		}

		#participate-container {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			margin: 100px 0;
		}

		#participate {
			max-width: 500px;
			padding: 0 50px;
		}

		#together-blocks {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			max-width: 1140px;
			margin: 0 auto;
			padding: 0 50px;
		}

		#together-quote {
			width: 50%;
		}

		#together-right {
			max-width: 400px;
			margin: 0 0 0 45px;
		}

		p.together-quote {
			font-size: 30px;
			line-height: 42px;
		}

		p.together-name {
			font-size: 17px;
			line-height: 17px;
			margin: 0 0 15px 0;
		}

		p.together-title {
			font-size: 14px;
			line-height: 14px;
		}

		.matching-container {
			margin: 100px 0 0 0;
		}

		#accelerate-carousel {
			margin: 100px 0;
			padding: 100px 0;
		}

		#carousel-interior {
			max-width: 775px;
		}

		p.testimonial {
			font-size: 30px;
			line-height: 42px;
			margin: 0 0 70px 0;
		}

		p.testimonial-name {
			font-size: 17px;
			line-height: 17px;
		}

		p.testimonial-company, p.testimonial-title {
			font-size: 14px;
			line-height: 14px;
		}

	}

	@media all and (min-width: 1040px) {
		.matching-blocks-single:first-of-type {
			max-width: 420px;
			border-right: 1px solid #d6d6d6;
			border-bottom: none;
		}
	}

	@media all and (min-width: 1060px) {

		footer {
			display: block;
			width: 100%;
			height: 100px;
			background: #000;
		}

		#footer {
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			height: 100px;
			padding: 0 50px;
		}

		#footer-nav {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			    -ms-flex-direction: row;
			        flex-direction: row;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}

		img.social-icon {
			margin: 0 0 0 30px;
		}

		#footer img.logo {
			margin: 0;
		}

		#footer #menu-container ul {
			margin: 0 0 0 75px;
		}

		#footer #menu-container ul li {
			padding: 0 35px 0 0;
		}

		#footer-social {
			margin: 0;
		}
	}

	@media all and (min-width: 1100px) {

		#together-right {
			max-width: 460px;
		}

		#together-right-section {
			padding: 20px 0;
		}

	}

	@media all and (min-width: 1190px) {

		#break {
			margin: 0 auto;
		}

		#timeline {
			margin: 0 auto 100px auto;
		}

		.matching-blocks-single:first-of-type, .matching-blocks-single {
			padding: 20px 100px;
		}

	}

	@media all and (min-width: 1240px) {

		#together-quote {
			width: 53.94%;
		}

		#together-quote-interior {
			padding: 125px 0;
		}

	}

	@media all and (min-width: 1386px) {

		.video {
			display: block;
			margin: 0 auto 0 auto;
			max-width: 100%;
			height: auto;
			padding: 0 50px;
		}

		.video-player {
			display: block;
			width: 96.42%;
			height: auto;
		}

	}


	/* ==========================================================================
	Twitter Grid
	========================================================================== */

	.row {
		width: 95%;
		max-width: 1140px;
		margin: 0 auto;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.column {
		position: relative;
	}

	.row.fourths > .column:first-child {
		margin-left: 0;
	}

	.row.fourths > .column {
		-webkit-box-flex: 12;
		    -ms-flex: 12 12 100%;
		        flex: 12 12 100%;
		max-width: 100%;
		width: 100%;
		margin-bottom: 5vw
	}

	@media screen and (min-width: 450px) {
		.row.fourths > .column {
			-webkit-box-flex: 6;
			-ms-flex: 6 12 calc(50% - 2.5vw);
			flex: 6 12 calc(50% - 2.5vw);
			max-width: calc(50% - 2.5vw);
			width: calc(50% - 2.5vw);
			margin-bottom: 5vw;
		}

	}

	@media screen and (min-width: 650px) {
		.row.fourths > .column {
			-webkit-box-flex: 6;
			-ms-flex: 6 12 calc(33.33333% - 2.5vw);
			flex: 6 12 calc(33.33333% - 2.5vw);
			max-width: calc(33.33333% - 2.5vw);
			width: calc(33.33333% - 2.5vw);
			margin-bottom: 3.3334vw;
		}

		.row.fourths > .column:last-of-type,
		.row.fourths > .column:nth-last-of-type(2) {
			display: none;
		}
	}

	@media screen and (min-width: 1100px) {
		.row.fourths > .column {
			-webkit-box-flex: 3;
			    -ms-flex: 3 4 25%;
			        flex: 3 4 25%;
			max-width: calc(25% - 1.5rem);
			width: calc(25% - 1.5rem);
			margin-bottom: 2rem
		}

		.row.fourths > .column:last-of-type,
		.row.fourths > .column:nth-last-of-type(2) {
			display: block;
		}
	}

	.tweet-image {
		background: 50% 50% / cover no-repeat;
	}

	.tweet-image > img,
	.tweet-text > img {
		width: 100%;
		height: auto;
	}

	.tweet-text > img {
		display: none;
	}

	@media screen and (min-width: 450px) {
		.tweet-text > img {
			display: block;
		}
	}

	.tweet-text {
		border-radius: 4px;
		overflow: hidden;
		overflow-y: auto;
		box-shadow: 0 0 8px 1px rgba(24, 24, 24, 0.05);
	}

.tweet-text .tweet-content {
	width: calc(100% - 3rem);
	padding: 1.5rem;
}

@media screen and (min-width: 450px) {
	.tweet-text .tweet-content {
		position: absolute;
	}
}

.tweet-text .tweet-content p {
	margin: 0;
}

.tweet-text .tweet-content p.timestamp {
	color: #a9a9a9;
	font-size: 11.5px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1rem;
	letter-spacing: 0.12em;
}

.tweet-text .tweet-content p.timestamp a {
	color: currentColor;
	text-decoration: none;
}

.tweet-text .tweet-content p.timestamp img {
	margin-right: 0.5rem;
	position: relative;
	top: 3px;
}

.tweet-text .tweet-content p.tweet-copy a {
	color: #d1242a;
	text-decoration: none;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
}

.tweet-text .tweet-content p.tweet-copy a:hover {
	color: #9d171d;
	text-decoration: none;
}

.tweet-text .tweet-content hr {
	border: 0;
	height: 2px;
	max-width: 32px;
	margin-bottom: 1rem;
	margin-left: 0;
	background: #d1242a;
}

@media screen and (max-width: 600px) {
	.matching-blocks {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
}