@font-face {
	font-family: 'newson';
	src: url("/assets/fonts/newson_regular.woff2") format('woff2');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'newson';
	src: url("/assets/fonts/newson_bold.woff2") format('woff2');
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: 'newson';
	src: url("/assets/fonts/newson_light.woff2") format('woff2');
	font-style: normal;
	font-weight: 300;
}

body {
	font-family: newson, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
}

h1 {
	font-weight: 600;
	font-size: 40px;
	line-height: 44px;

	@media only screen and (min-width: 576px) {
		font-size: 55px;
		line-height: 61px;
	}
}

h2 {
	font-weight: 600;
	font-size: 40px;
	line-height: 44px;
}

h3 {
	font-weight: 600;
	font-size: 24px;
	line-height: 31px;
}

h4 {
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5em;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

p:last-of-type {
	margin-bottom: 0;
}

b {
	font-weight: 600;
}

small, .small, time {
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
}