/* small screens */
@media screen {
	body {font-family: "garamond-premier-pro", Georgia, Times, serif; background: #0d0d0d; color: #fefefc;}
	.epk {background-color: #fefefc; color: #0d0d0d;}
	h1, h2, h3, h4, h5, h6 {font-family: "metallophile-sp8", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fefefc; font-weight: 900;}

	h1 {
		font-size: 24px;
		text-align: center;
	}

	h2 {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 1em;
	}

	h3 {
		font-size: 20px;
		line-height: 28px;
		color: #0d0d0d;
		letter-spacing: -0.01rem;
		margin-bottom: 1rem;
	}

	a {
		color: #1BB0CE;
	}
	a:hover  {
		color: #1dbbdb;
	}
	a:active,
	a:focus {
		color: #1ec6e8;
	}
	a:focus, button:focus {outline: 0;}

	p {
		font-size: 16px
	}

	.home .logo {
		width: 140px;
	}

	.home .logo + .divide {
		width: 36px;
		height: 4px;
		background: #ffffff;
		margin: 2.5rem auto
	}

	.masthead-wrap {
		padding: 2.5rem 0;
	}

	.masthead-wrap h1.home {
		position: relative;
		z-index: 100;
		text-transform: none;
		letter-spacing: normal;
		display: block;
		font-size: 24px;
		line-height: 29px;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
		margin-bottom: 1rem;
	}

	.home p {
		letter-spacing: 0.01em;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
		margin: 0;
		line-height: 26px;
		color: #ffffff;
		opacity: 0.9;
	}

	.home header + p {
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 2.5rem;
	}

	.home-button {
		background: #1BB0CE;
		border: 3px solid #1BB0CE;
		font-family: "metallophile-sp8", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #ffffff;
		font-size: 16px;
		padding: 14px 24px 16px 24px;
		letter-spacing: 0.03rem;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		text-transform: uppercase;
	}
	.home-button:hover {
		color: #ffffff;
		background: #1cb7d6;
		border-color: #1cb7d6;
	}
	.home-button:active,
	.home-button:focus {
		color: #ffffff;
		background: #1dbede;
		border-color: #1dbede;
	}

	.home-button.alt {
		background-color: #6A5E72;
		border-color: #6A5E72;
	}
	.home-button.alt:hover {
		color: #ffffff;
		background: #71657a;
		border-color: #71657a;
	}
	.home-button.alt:active,
	.home-button.alt:focus {
		color: #ffffff;
		background: #786a81;
		border-color: #786a81;
	}

	.home .divide {
		border-bottom: 2px solid #ffffff;
		width: 36px;
		margin: 42px auto 30px auto;
	}

	.price-callout {
		text-align: center;
		background: #563444;
		padding: 2.5rem 0 2.75rem 0;
	}

	.features {
		background: #fefefc;
		padding: 5rem 0 3.75rem 0;
	}

	.home .features header + p {
		color: #0d0d0d;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
		font-size: 20px;
		line-height: 26px;
	}

	.home .features header + p a {
		display: block;
	}

	.interested {
		background: #DAD6CA;
		text-align: center;
		padding: 3rem 0;
	}

	h4 {
		font-size: 24px;
		letter-spacing: -0.01rem;
		color: #563444;
		margin-bottom: 1rem;
	}

	.home .interested header + p {
		color: #0d0d0d;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0);
		font-size: 20px;
		line-height: 28px;
	}
}

/* medium screens */
@media screen and (min-width: 48em) {
	.masthead-wrap {
		padding: 7.5rem 0;
	}

	.masthead-wrap h1.home {
		letter-spacing: -0.02rem;
		font-size: 33px;
		line-height: 38px;
	}

	h2 {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 1em;
	}

	.price-callout {
		padding: 3rem 0 3.25rem 0;
	}

	.features .interested {
		padding: 3rem 0;
	}

	h4 {
		font-size: 33px;
		letter-spacing: -0.03rem;
		margin-bottom: 1.25rem;
	}

	.home .interested header + p {
		font-size: 24px;
		line-height: 32px;
	}
}

/* large screens */
@media only screen and (min-width: 64em) {
	.home .logo {
		width: 227px;
	}

	.home header + p {
		font-size: 24px;
		line-height: 32px;
	}
}

/* xl screens */
@media only screen and (min-width: 80em) {
	.masthead-wrap {
		padding: 10rem 0;
	}
}

/* xxl screens */
@media only screen and (min-width: 90em) {

}

/* xxxl screens */
@media only screen and (min-width: 120em) {
}