.narmos-lessons {
	display: flex;
	flex-direction: column;
	background: linear-gradient(to bottom, black 1dvh, transparent 10dvh calc(100% - 10dvh), black calc(100% - 1dvh)), url("./../images/backgrounds/Background.jpg");
	color: white;
}

.lessons-overlay {
	position: sticky;
	top: 0;
}

.overlay {	 
	height: 100dvh;
	width: 100dvw;
	box-shadow: inset 0 0 25px 15px var(--color-primary-red);
	position:absolute;
}

.lessons-header h1 {
	font-size: 3rem;
}

.lessons-header {
	padding: 4dvh 4dvh;
}

.lessons-body {
	padding: 4dvh 4dvh;
}

/* Phone - Vertical */
@media screen and (width >= 320px) and (width < 768px) {
	.lessons-header h1 {
		font-size: 2rem;
		text-align: center;
	}
	.lessons-header h2 {
		font-size: 1.75rem;
		text-align: center;
	}

	.lessons-body h3 {
		font-size: 1.5rem;
		text-align: center;
	}

	.lessons-body {
		font-size: 1.25rem;
		text-align: center;
	}

	.lessons-header {
		padding: 2dvh 2dvh;
	}

	.lessons-body {
		padding: 24dvh 2dvh;
	}

}