@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf');
	font-weight: 400;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Medium.ttf');
	font-weight: 500;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.ttf');
	font-weight: 700;
}

body {
	font-family:'Roboto',sans-serif;
}

h3, p, a {
	font-family:'Roboto',sans-serif;
}

h3 {
	color:#0088ff;
	font-size:3rem;
	font-weight:700;
	line-height:1.2;
}

.masthead {
	background-image:url(../images/4794-compressed.jpg);
	background-size:cover;
	height:29.283vw;
	background-position:center;
}

.page-header {
	background-attachment:none;
}

hr {
	margin-top:3rem;
	margin-bottom:4rem;
}

.feature-list {
	margin:3rem 0;
	padding:0;
	list-style:none;
	column-count:2;
}

.feature-list li {
	margin-bottom:1rem;
}

.feature-list li:before {
	content:url(../images/list-icon.png);
	width:18px;
	height:24px;
	top:5px;
	position:relative;
	padding-right:15px;
}

@media (max-width:1024px) {
	.feature-list {
		column-count:1;
	}
}

@media (max-width:768px) {
	h3 {
		font-size:1.85rem;
	}
}