body {
	height:100vh;
	margin:0;
	/* background:#323232; */
	background: linear-gradient(to bottom, #323232, #212121);
	color:#FFF;
	font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
	font-size:16px;
}
h1,h2,h3,h4,h5,h6,
ul, ol,
p {
	margin:0;
}
p {
	line-height:1.5rem;
}
a, a:visited {
	color:#FFF;
}
hr {
	display:block;
	border:none;
	border-bottom:1px solid #424242;
}
.wrap:after {
	display:block;
	clear:both;
}
header {
	height:100vh;
	max-width:300px;
	padding:5rem;
	background: linear-gradient(to right, #323232, #212121);
}
header h1 {
	margin:0.5rem 0;
	font-size:1.5rem;
	font-weight:600;
}
header h2 {
	margin:2rem 0 0 0;
	font-size:1rem;
}
ul, ol {
	margin:0;
	padding:0;
}
ol li {
	margin:0 0 0 1.25rem;
}
ul li {
	margin:0.25rem 0;
	list-style: none;
}
nav a {
	margin:0.25rem 0;
	display:block;
}
section {
	max-width:480px;
	margin:5rem;
}
section h2 {
	border-bottom:1px solid #848484;
	font-size:1rem;
	font-weight:800;
}
.f-l {
	float:left;
}
.impact-block {
	margin:2.5rem 0;
}
p span.bignum {
	margin:0 1rem 0 0;
	display:inline-block;
	font-size:7.0625rem;
	font-weight:200;
	float:left;
	line-height:6rem;
}
p span.bigtext {
	max-width:200px;
	display:inline-block;
	font-size:3rem;
	font-weight:400;
	float:left;
	line-height:3rem;
	text-transform: uppercase;
}
p span.clear {
	margin:1rem 0 0 0;
	clear:both;
	display:inline-block;
}

/* ↓ breakpoint for smaller screens ↓ */
@media (max-width:1099px) {
	header {
		padding:2.5rem;
	}
	section {
		margin:2.5rem;
	}
}
@media (max-width:939px) {
	body {
		height:auto;
	}
	header, section {
		max-width:none;
		height:auto;
	}
	.f-l {
		float:none;
	}
	p span.bignum {
		margin:0 0.5rem 0 0;
		font-size:3.125rem;
		line-height:2.375rem;
	}
	p span.bigtext {
		max-width:100px;
		font-size:1.25rem;
		line-height:1.25rem;
	}
}