openpower.foundation/themes/openpowerfoundation/assets/css/home.scss

.home.promo__section {
	 min-height: 820px;
}
main {
	&.home {
		@media screen and (max-width: $lg) {
			padding-top: 50px;
			padding-bottom: 0;
		}
		@media screen and (min-width: $lg) and (max-width: $xl) {
			padding-top: 70px;
		}
	}
}
.post__article {
	position: relative; 
	&:not(:last-child) {
		margin-bottom: 0.75rem;
	}
}
.post__title {
	display: block;
	margin-top: 1em;
	&::before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		content: '';
	}
}
.teaser {
	&__section {
		padding: 5.625rem 0;
		&._dark {
			color: #fff;
			background-color: #1b1c1f;
			@media screen and (max-width: $lg) {
				padding: 3.5rem 0;
			}
			@media screen and (min-width: $lg) and (max-width: $xl) {
				padding: 4.4rem 0;
			}
		}
		&._navy {
			background-color: #acc8fa;
		}
	}
	&__title {
		margin-bottom: 1em;
		@media screen and (max-width: $lg) {
			margin-top: 0.6em;
		}
		@media screen and (min-width: $lg) and (max-width: $xl) {
			margin-top: 0.8em;
		}
	}
	&__form {
		margin-top: 4.1em;
		@media screen and (max-width: $lg) {
			margin-top: 2em;
		}
		@media screen and (min-width: $lg) and (max-width: $xl) {
			margin-top: 3em;
		}
	}
	&__info {
		margin: 3.75rem 0;
		padding: 3.75rem 0;
		border-width: 1px;
		border-style: solid none;
		border-color: #1b1c1f;
	}
}