:root {
	--yellow: #f6cd4d;
	--yellowd: #dcb43f;
	}
body {
	font-family: 'Lato', sans-serif;
	margin: 0;
	color: #fff;
	background-image: url('../pix/bg.jpg');
	background-size: cover;
	background-position: top center;
	min-height: 100vh;
	padding: 19vh 0 5vh 16vw;
	font-size: 2.125rem;
	font-weight: 400;
	line-height: 1.3333;
	letter-spacing: .04em;
	}
p {
	line-height: 2;
	margin: 0 0 .75rem;
	}
	.lead {
		line-height: 1.5;
		padding-top: .75rem;
		}
	.site-header p {
		font-size: 5.8125rem;
		text-transform: uppercase;
		color: var(--yellow);
		margin-bottom: .625rem;
		letter-spacing: .1em;
		}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	}
h1 {
	font-size: 5rem;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 2.1875rem;
	letter-spacing: 0.025em;
	}
h2 {
	font-size: 3.625rem;
	margin-bottom: .5rem;
	letter-spacing: 0.01em;
	}
b, strong {
	font-weight: 700;
	color: var(--yellow);
	}
a, a:link {
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	}
a:hover, a:focus {
	color: var(--yellow);
	}
.button {
	display: inline-block;
	background: var(--yellow);
	padding: .75rem 2rem .5rem;
	border-radius: .75rem;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 2px;
	-webkit-box-shadow: 0 .875rem 0 0 var(--yellowd);
	-moz-box-shadow: 0 .875rem 0 0 var(--yellowd);
	box-shadow: 0 .875rem 0 0 var(--yellowd);
	margin-bottom: 2.375rem;
	}
	.button:hover {
		background: var(--yellow);
		-webkit-box-shadow: inset 0 .875rem 0 0 var(--yellowd);
		-moz-box-shadow: inset 0 .875rem 0 0 var(--yellowd);
		box-shadow: inset 0 .875rem 0 0 var(--yellowd);
		padding-top: 1.625rem;
		margin-bottom: 1.5rem;
		color: #fff;
		}
.no-bullet {
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	}
ul {
	padding-bottom: .625rem;
}
ul li {
	margin-bottom: .75rem;
}
main {
	
}
footer {
	padding-top: 3rem;
}
@media screen and (min-width: 320px) {
	body {
		padding: 30% 0 5vh 10%;
		font-size: 1rem;
		}
	p {
		margin-bottom: .25rem;
		}
		p br {
			display: none;
		}
	.site-header p {
		font-size: 1.5rem;
		margin-bottom: .25rem;
		}
	h1 {
		font-size: 1.25rem;
		margin-bottom: 1.2rem;
		}
	h2 {
		font-size: 1.4rem;
		margin-bottom: .5rem;
		}
	.button {
		padding: .45rem 1.5rem .5rem;
		border-radius: .5rem;
		letter-spacing: 2px;
		-webkit-box-shadow: 0 .6rem 0 0 var(--yellowd);
		-moz-box-shadow: 0 .6rem 0 0 var(--yellowd);
		box-shadow: 0 .6rem 0 0 var(--yellowd);
		margin-bottom: 1.375rem;
		}
		.button:hover {
			-webkit-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			-moz-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			padding-top: 1.3rem;
			margin-bottom: .5rem;
			}
	ul {
		padding-bottom:0;
		}
		ul li {
			margin-bottom: .75rem;
		}
}

@media screen and (min-width: 640px) {
	body {
		padding: 10% 0 5vh 10%;
		font-size: 1.13rem;
		}
	p {
		margin-bottom: .25rem;
		}
		p br {
			display: block;
		}
	.site-header p {
		font-size: 2.1rem;
		margin-bottom: .25rem;
		}
	h1 {
		font-size: 1.7rem;
		margin-bottom: 1.2rem;
		}
	h2 {
		font-size: 1.8rem;
		margin-bottom: .5rem;
		}
	.button {
		padding: .45rem 1.5rem .5rem;
		border-radius: .5rem;
		letter-spacing: 2px;
		-webkit-box-shadow: 0 .6rem 0 0 var(--yellowd);
		-moz-box-shadow: 0 .6rem 0 0 var(--yellowd);
		box-shadow: 0 .6rem 0 0 var(--yellowd);
		margin-bottom: 1.375rem;
		}
		.button:hover {
			-webkit-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			-moz-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			padding-top: 1.3rem;
			margin-bottom: .5rem;
			}
	ul {
		padding-bottom:0;
		}
		ul li {
			margin-bottom: .75rem;
		}
}

@media screen and (min-width: 800px) {
	body {
		padding: 10% 0 5vh 10%;
		font-size: 1.13rem;
		}
	p {
		margin-bottom: .25rem;
		}
	.site-header p {
		font-size: 3.1rem;
		margin-bottom: .25rem;
		}
	h1 {
		font-size: 2.7rem;
		margin-bottom: 1.2rem;
		}
	h2 {
		font-size: 1.9rem;
		margin-bottom: .5rem;
		}
	.button {
		padding: .45rem 1.5rem .5rem;
		border-radius: .5rem;
		letter-spacing: 2px;
		-webkit-box-shadow: 0 .6rem 0 0 var(--yellowd);
		-moz-box-shadow: 0 .6rem 0 0 var(--yellowd);
		box-shadow: 0 .6rem 0 0 var(--yellowd);
		margin-bottom: 1.375rem;
		}
		.button:hover {
			-webkit-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			-moz-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			padding-top: 1.3rem;
			margin-bottom: .5rem;
			}
	ul {
		padding-bottom:0;
		}
		ul li {
			margin-bottom: .75rem;
		}
}
@media screen and (min-width: 1200px) {
	body {
		padding: 110px 0 5vh 169px;
		font-size: 1.13rem;
		}
	p {
		margin-bottom: .25rem;
		}
	.site-header p {
		font-size: 3.1rem;
		margin-bottom: .25rem;
		}
	h1 {
		font-size: 2.7rem;
		margin-bottom: 1.2rem;
		}
	h2 {
		font-size: 1.9rem;
		margin-bottom: .5rem;
		}
	.button {
		padding: .45rem 1.5rem .5rem;
		border-radius: .5rem;
		letter-spacing: 2px;
		-webkit-box-shadow: 0 .6rem 0 0 var(--yellowd);
		-moz-box-shadow: 0 .6rem 0 0 var(--yellowd);
		box-shadow: 0 .6rem 0 0 var(--yellowd);
		margin-bottom: 1.375rem;
		}
		.button:hover {
			-webkit-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			-moz-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			padding-top: 1.3rem;
			margin-bottom: .5rem;
			}
	ul {
		padding-bottom:0;
		}
		ul li {
			margin-bottom: .75rem;
		}
}
@media screen and (min-width: 1600px) {
	body {
		padding: 9.6rem 0 5vh 14.5rem;
		font-size: 1.5rem;
		}
	p {
		margin-bottom: .25rem;
		}
	.site-header p {
		font-size: 4.4rem;
		margin-bottom: .5rem;
		}
	h1 {
		font-size: 3.7rem;
		margin-bottom: 1.9rem;
		}
	h2 {
		font-size: 2.625rem;
		margin-bottom: .5rem;
		}
	.button {
		padding: .45rem 1.5rem .5rem;
		border-radius: .5rem;
		letter-spacing: 2px;
		-webkit-box-shadow: 0 .6rem 0 0 var(--yellowd);
		-moz-box-shadow: 0 .6rem 0 0 var(--yellowd);
		box-shadow: 0 .6rem 0 0 var(--yellowd);
		margin-bottom: 2.375rem;
		}
		.button:hover {
			-webkit-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			-moz-box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			box-shadow: inset 0 .6rem 0 0 var(--yellowd);
			padding-top: 1.3rem;
			margin-bottom: 1.5rem;
			}
	ul {
	padding-bottom: .625rem;
		}
		ul li {
			margin-bottom: .75rem;
		}
}
@media screen and (min-width: 2000px) {
	body {
		padding: 19vh 0 5vh 16vw;
		font-size: 2.125rem;
		}
	p {
		margin: 0 0 .75rem;
		}
	.site-header p {
		font-size: 5.8125rem;
		}
	h1 {
		font-size: 5rem;
		margin-bottom: 2.1875rem;
		}
	h2 {
		font-size: 3.625rem;
		margin-bottom: .5rem;
		}
	.button {
		padding: .75rem 2rem .5rem;
		border-radius: .75rem;
		letter-spacing: 2px;
		-webkit-box-shadow: 0 .875rem 0 0 var(--yellowd);
		-moz-box-shadow: 0 .875rem 0 0 var(--yellowd);
		box-shadow: 0 .875rem 0 0 var(--yellowd);
		margin-bottom: 2.375rem;
		}
		.button:hover {
			-webkit-box-shadow: inset 0 .875rem 0 0 var(--yellowd);
			-moz-box-shadow: inset 0 .875rem 0 0 var(--yellowd);
			box-shadow: inset 0 .875rem 0 0 var(--yellowd);
			padding-top: 1.625rem;
			margin-bottom: 1.5rem;
			}
	ul {
	padding-bottom: .625rem;
		}
		ul li {
			margin-bottom: .75rem;
		}
}