#main-content .container:before {
  background-color: transparent;
}

div#et-top-navigation .header-icons {
  display: none !important;
}

.h1 {
  color: #ffffff;
  text-align: center;
  background-color: #006BB3;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1;
  padding-top: 3.8rem;
  padding-bottom: 3.8rem;
  margin: 0;
}

.h2 {
  color: #ffffff;
  background-color: #042c67;
  text-align: center;
  font-weight: 400;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 2rem;
  margin: 0;
}

.h3 {
  color: #016cb4;
  font-size: 1.75rem;
  font-weight: 600;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  margin: 0;
}

.h4 {
  color: #016cb4;
  font-size: 1.25rem;
  font-weight: 600;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  margin: 0;
}

.h5 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #082f70;
}

#menu-footer a,
#menu-footer a:link,
#menu-footer a:hover,
#menu-footer a:visited,
#menu-footer a:active {
  /*color: #212529;*/
  /* color: #FFFFFF; */
	text-decoration: none;
}

a.no-decoration {
  text-decoration: none;
}

.content {
  padding-left: 3rem;
  padding-right: 3rem;
}

p.no-margin {
  margin-bottom: 0 !important;
}

.coupon {
  max-width: 35rem;
  width: auto;
}

.locator {
  background-image: url('https://www.speedeeoil.com/wp-content/uploads/light-flag.jpg');
  background-size: cover;
}

.font-blue {
  color: #042c67;
}

.font-grey {
  color: #949191;
}

.font-white {
  color: #fff;
}

.bg-grey {
  background-color: #b3b8bb;
}

.bg-blue {
  background-color: #006cb7;
}

.bg-footer {
  background-color: #a4a4a4;
}

.bg-bay-window {
  background-image: url('/wp-content/uploads/00_SEM_images/BayWindowView.png');
  background-size: cover;
  min-height: 500px;
}

.bg-lobby-by-monitors {
  background-image: url('/wp-content/uploads/00_SEM_images/LobbyBayMonitors.png');
  background-size: cover;
  min-height: 500px;
}

.bg-female-worker {
  background-image: url('/wp-content/uploads/00_SEM_images/Hero-Hands-on-Hips.png?x=7');
  background-size: 30%;
  background-position: bottom right;
  background-repeat: no-repeat;
  min-height: 600px;
}

.row.rh-services>.col-6 {
  display: flex;
  justify-content: center;
}

.services-container {
  width: 100px;
  margin-bottom: 2rem;
  text-align: center;
}

.service-icon {
  width: 100%;
  margin-bottom: 0.5rem;
}

ul.couponmain {
  list-style: revert;
}

ul.star li {
  list-style-image: url('/wp-content/uploads/00_SEM_images/star-fill.svg');
  padding-left: 0.5rem;
}

a.coupon-button {
  font-size: 1.5rem;
  font-weight: 700;
  background-color: #cb2930;
  color: #fff;
  border: none;
  text-align: center;
  margin: 2rem auto 0 auto;
  text-transform: uppercase;
  border-radius: 10px;
  text-decoration: none;
}

a.submit-button {
  font-size: 1.5rem;
  font-weight: 700;
  background-color: #042c67;
  color: #fff;
  border: none;
  text-align: center;
  margin: 2rem auto 0 auto;
  border-radius: 10px;
  text-decoration: none;
}

.printcoupon,
.downloadcoupon,
.emailcoupon {
	cursor: pointer;
}

#fsa-email, #fsa-email-form {
	display: none;
}

#fsa-email {
	background-color: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	opacity: 0.7;
	z-index: 999;
}

#fsa-email-form {
	background-color: #fff;
	width: 30%;
	margin: auto;
	border: 3px solid #006BB3;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	position: relative;
	top: -310px;
	z-index: 1000;
}

/* @see https://getbootstrap.com/docs/5.3/layout/breakpoints/ */
@media (max-width: 575.98px) {
   #logo {
	   max-height: 54%;
   }
  .h1 {
    padding: 1rem;
    font-size: 2rem;
  }

  .h2 {
    font-size: 1.5rem;
  }

  .h3 {
    font-size: 1.25rem;
  }

  .content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .coupon {
    max-width: 100%;
  }

  .bg-bay-window {
    min-height: 300px;
  }

  .bg-lobby-by-monitors {
    min-height: 300px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
   #logo {
	   max-height: 54%;
   }
  .h1 {
    padding: 1rem;
    font-size: 2.5rem;
  }

  .h2 {
    font-size: 1.75rem;
  }

  .content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .bg-female-worker {
    background-image: none;
  }
}

@media (max-width: 991.98px) {
  .bg-female-worker {
    background-image: none;
  }

  #fsa-email-form {
   width: 90%;
  }
}