body {
	height: 100vh;
	background: linear-gradient(#0005, #0005),
		url(/img/background.webp);
	background-size: cover;
	background-position: center;
}
.mobile { display: none; }
.about {
	max-width: 30rem;
}
.about h1 {
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.cta {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
}
.cta p {
	font-weight: 700;
}
.cta ul {
	display: flex;
	justify-content: space-between;
}
@media(max-width: 979px) {
	body { padding: 1rem; }
	.grid { display: none; }
	.mobile {
		display: grid;
		grid-template-rows: auto max-content auto;
		height: 100%;
	}
	.mobile header {
		display: block;
		margin-bottom: 0;
	}
	.mobile b {
		font-size: 1.5rem;
	}
	.mobile strong {
		font-size: 2rem;
	}
	.mobile .cta {
		align-self: end;
		position: static;
		font-size: 1.25rem;
	}
}