body {
	&.home {

		h1,
		.h1 {
			font-size: 45px;
			line-height: 1.1em;

			/* Desktop Styles */
			@media (width >= 1024px) {
				font-size: 55px;
			}
		}

		h2,
		.h2 {
			font-size: 37px;
			@media (width >= 1024px) {
				font-size: 45px;
				line-height: 1.45em;
			}
			em {
				font-style: normal;
				position: relative;
				z-index: 1;
				&:before {
					content: '';
					position: absolute;
					height: 35%;
					width: 110%;
					left: -5%;
					top: 55%;
					opacity: 1;
					background-color: rgb(from var(--primary-color) r g b / 0.6);
					z-index: -1;
					@media (width >= 768px) {
						height: 45%;
					}
				}
			}
		}

		h3,
		.h3 {

			/* Desktop Styles */
			@media (width >= 1024px) {
				font-size: 39px;
				line-height: 1.25em;
			}
		}

		h4,
		.h4,
		h5,
		h6 {

			/* Desktop Styles */
			@media (width >= 1024px) {
				font-size: 31px;
			}
		}

		.rm-module {
			max-width: 100%;
			overflow: hidden;
			scrollbar-width: none;
		}
	}
}

/*=======================================
=            Home Team Intro            =
=======================================*/

.home-intro {
	&.mod-basic {
		background-size: 100%;
		background-position: center top;
		position: relative;
		background-color: var(--text-color);
		min-height: 46vw;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		z-index: 1;
		padding-top: 0;
		&:after {
			content: '';
			background: linear-gradient(to bottom, rgb(from var(--text-color) r g b / 0.0) 0%, rgb(from var(--text-color) r g b / 1) 100%);
			position: absolute;
			width: 100%;
			height: 45vw;
			left: 0; 
			top: 0;
			z-index: -1;
		}
		.no-contained-content {
			padding-top: 45vw;
			@media (width >= 768px) {
				padding-top: 20vw;
			}
			@media (width >= 1024px) {
				padding-top: 20vw;
			}
		}
	}
}