.gap {
	display: block;
	width: 100%;
}
.gap.gap--grey {
	background-color: var(--grey-50);
}

@media (max-width: 992px) {
	.gap--mobile-20 {
		height: 20px;
	}
	.gap--mobile-25 {
		height: 25px;
	}
	.gap--mobile-30 {
		height: 30px;
	}
	.gap--mobile-40 {
		height: 40px;
	}
	.gap--mobile-50 {
		height: 50px;
	}
	.gap--mobile-60 {
		height: 60px;
	}
	.gap--mobile-70 {
		height: 70px;
	}
	.gap--mobile-80 {
		height: 80px;
	}
}

@media (min-width: 993px) {
	.gap--desktop-30 {
		height: 30px;
	}
	.gap--desktop-40 {
		height: 40px;
	}
	.gap--desktop-50 {
		height: 50px;
	}
	.gap--desktop-60 {
		height: 60px;
	}
	.gap--desktop-70 {
		height: 70px;
	}
	.gap--desktop-80 {
		height: 80px;
	}
}