@charset "UTF-8";
/* Site Styles */

body {
	background-color: #2b4252;
	color: #ffffff;
	font-family: fieldwork, sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 50px 0 100px;
}

h2 {
	font-family: fieldwork, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

p {
	font-family: fieldwork, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
}

.container {
	max-width: 1000px;
}
.container-fluid {
	max-width: 1600px;
}

.hero-image img {
	width: 1080px;
}

p.hero-text {
	font-family: fieldwork, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 22px;
}

p.hero-text strong {
	font-family: fieldwork, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.hdiv {
	height: 2px;
	width: 100%;
	background-color: #ffffff;
}

p.quote {
	font-family: fieldwork, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
}
p.quote span {
	font-family: fieldwork, sans-serif;
	font-weight: 200;
	font-style: italic;
	font-size: 14px;
}

@media (min-width: 768px) {
	h2 {
		font-size: 38px;
	}

	p {
		font-size: 18px;
	}
	p.hero-text {
		font-size: 38px;
	}

	p.hero-text strong {
		font-size: 28px;
		letter-spacing: 0.2em;
	}

	.hdiv {
		height: 3px;
	}

	p.quote {
		font-size: 21px;
	}
	p.quote span {
		font-size: 19px;
	}
}