* {
		box-sizing: border-box;
	}

	body {
		background: black;
		font-size: 118%;
		line-height: 1.25;
		font-family: "Roboto", sans-serif;
		font-weight: 300;
	}
	

	/* override header */
	header .logo {
		display: none;
	}
	
	header .wrapper {
		min-height: 57px;
		padding: .5rem;
		background-size: 180px;
	}
	
	header .wrapper:after {
		content: " ";
		height: 0;
		display: block;
		clear: both;
	}

	h3 {
		font-size: 28px;
	}

	
	p {
		margin-bottom: 1rem;
		line-height: 1.35;
	}
	
	
	#fullBleeds {
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 1;
		transition: margin-left .15s ease-out;
	}
	
	#fullBleeds img {
		width: auto;
		height: 100%;
		display: inline-block;
	}
	
	
	#contentAnchor {
		position: absolute;
		width: 100%;
		height: auto;
		z-index: 10;
	}
	
	
	
	
	
	.feature {
		margin: 0;
		position: relative;
		box-shadow: 0 2px 15px rgba(0,0,0,.55);

	}

	.fwrapper {
		background: white;
		margin: 0;
		padding: 6rem;
		overflow: hidden;
	}
	.fwrapper:after {
		content: " ";
		display: block;
		clear: both;
		height: 0;
		
	}

	.cwrapper {
		margin: 0 auto;
		max-width: 1100px;
	}

	.feature h2 {
		font-size: 45px;
		margin-bottom: 1rem;
		color: #047da5;
		font-weight: 400;
		font-family:  "Libre Baskerville", serif;
	}
	
	
	.feature .description {
		width: 55%;
		float: left;
	}
	
	
	.feature .quote {
		float: right;
		width: 36%;
		margin: 0 0 0 1rem;
		margin-top: -1rem;
		font-size: 40px;
		font-family: "Pinyon Script", cursive;
		position: relative;
		color: #d2113a; /* #CA782E; */
	}
	.feature .quote.testimonial {
		margin-top: 0;
		font-size: 33px;
		line-height: 1.5;
		font-family: "Libre Baskerville", serif;
		opacity: 0;
		transition: all 1.5s ease;
		transform-origin: 0 0;
		transform: scale(2);
	}
	.feature.inView .quote.testimonial {
		opacity: 1;
		transform: scale(1);
	}
	
	.feature .quote cite {
		font-family: "Libre Baskerville", serif;
		display: block;
		font-size: 14px;
		line-height: 1.25;
		color: #a0a0a0;
	}
	.feature .quote cite:before {
		content: "–";
	}
	
	.feature .quote:after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
	}
	
	.feature .quote q {
		position: absolute;
		top: 26px; left: 0;
		opacity: 0;
		transition: opacity 2.66s ease;
	}
	.feature .quote q.showing {
		opacity: 1;
	}
	
	.feature .hook {
		font-size: 26px;
	}
	

	.feature .after {
		content: " ";
		position: absolute;
		z-index: 5;
		bottom: -30px;
		width: 60px;
		height: 60px;
		text-align: center;
		border-radius: 30px;
		background: #37acbf;
		color: white;
		left: 50%;
		margin-left: -30px;
		line-height: 0;
		transition: all .5s ease;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		padding: 12px;
	}

	.after svg {
		fill: #ffffff;
	}

	
	XXX.feature.above .after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	
	
	
	.themes {
		overflow: hidden;
		position: relative;
		height: 7rem;
		width: 100%;
	}
	
	.themes span {
		display: block;
		position: absolute;
		padding:  0 1rem;
		opacity: 0;
		color: #ca3a52;
		font-family: "Arial", sans-serif;
		font-size: 45px;
		letter-spacing: -.5em;
		font-weight: bold;
		text-transform: uppercase;
		transition: opacity .95s ease, left .95s ease, right .95s ease, margin-left 8s ease, margin-right 8s ease;
		left: -400px;
		top: 16px;
		margin-left: 0;
	}
	
	.themes span + span {
		top: 0;
	}
	
	.themes span + span + span + span {
		top: 32px;
		left: auto;
		right: -400px;
	}
	
	.themes.youreOn span {
		left: 0;
		opacity: 1;
		letter-spacing: -.05em;
	}

	.themes.youreOn span + span {
		left: 28%;
	}
	.themes.youreOn span + span + span {
		left: 65%;
	}
	
	.themes.youreOn span + span + span + span {
		left: auto;
		right: 35%;
	}
	.themes.youreOn span + span + span + span + span {
		left: auto;
		right: 0;
	}

	.themes.youreOn .floatiness {
		margin-left: 50px;
	}
	.themes.youreOn .floatiness  + .floatiness {
		margin-right: 50px;
	}


	.feature {
		background-attachment: fixed;
		background-size: 100%;
	}

	.firstHitme {
		background-image: url(/mymhs/bleeds/putnam1.jpg);
	}

	.secondHitme {
		background-image: url(/mymhs/bleeds/hallow-horses.jpg);
		background-size: initial;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: white;
	}

	.reallyHitme {
		background-image: url(/mymhs/bleeds/knapp-letter.jpg);
	}


	.videos {
		width: 100vw;
		padding-top: 8rem;
	}

	.videos .vid {
		display: inline-block;
	}