Code for Banners

Banners.html

<div class="responsive_banner">
    <!-- row 1 -->
    <div></div>
    <div>Parkersburg Office: Now Seeing Patients 4 Days out of the Week. </div>
    <div></div>
    <!-- row 3 -->
    <div></div>
    <div><a href="/contact-us-parkersburg-wv" class="responsive_button_link"><div class="responsive_button"">Learn More</div></a></div>
    <div></div>
</div>

<style>
.responsive_banner {
  background-color: #00C4B3;
  min-height: 200px;
  width: 100%;
  display: grid;
  grid-template-columns: 8% auto 8%;
  grid-template-rows: auto auto;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  padding: 30px 0;
  align-items: center;
  justify-items: center;
}

.responsive_banner > div {
	display: flex;
}

.responsive_button {
	background-color: #fff;
	border-radius: 4px;
	color: #00C4B3;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 5px 30px;
	cursor: pointer;
	text-transform: uppercase;

}

.responsive_button:hover {
	opacity: .5;
}

a.responsive_button_link {
	text-decoration: none;
}


@media only screen and (min-width: 480px) {
	.responsive_button {
		margin-top: 20px;
	}

}
</style>

This code originated from GCOS was tweaked to fit MSOMS. Let's do banners the same way across the board.