.offers-three-up {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 2rem;
}

.offers-two-up {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 2rem;
  border: 1px solid gray;
}
.offers-three-up div {
  text-align: center;
}

.offers-three-up h1 {
  font-size: 4rem;
  color: #009fe3;
}

.offers-three-up h1 span {
  font-size: 1.5rem;
  color: #009fe3;
  vertical-align: text-top;
}
.offers-three-up h2 {
  font-size: 2.5rem;
}

.offers-three-up p {
  font-size: 1.3rem;
}

.offer-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 700px) {
  .offers-three-up,
  .offers-two-up {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .offer-flex {
    grid-row-start: 1;
  }
}

.offers-heading {
  font-size: 4rem;
  margin: 2rem;
  text-align: center;
}

.image-fit {
  width: 100%;
  margin: 0 auto;
}
.offer-heading {
  font-size: 2rem;
  text-align: center;
}
@media only screen and (max-width: 700px) {
  .front {
    grid-row-start: 1;
  }
}

.bold-red {
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  color: red;
  margin: 0;
}

.center-text {
  text-align: center;
  padding: 2rem;
}

.offer-tet h2,
.offer-text h3,
.offer-text h4,
offer-text p {
  text-align: center;
}

.offer-text h4 {
  color: #072f67;
  font-weight: 600;
  font-size: 1.8rem;
}

.offer-text p {
  font-size: 1.6rem;
  padding: 0rem;
  margin: 2rem 0 0 0;
}

.center-text p {
  font-size: 2.6rem;
  margin: 0;
  padding: 0;
  color: #072f67;
}

.bolder {
  font-size: 2.6rem;
  margin: 0.6rem;
}

.center-text img {
  width: 100%;
}

.login-button {
  background-color: white;
  border: none;
}

.login-button:hover {
  color: #009fe3;
}

.offer-message p {
  font-size: 2rem;
  text-align: center;
  color: #009fe3;
}

.cart-offer {
  font-size: 1.4rem;
  color: #009fe3;
  margin: 0;
  padding: 0;
  font-style: italic;
}

.cleaners-offer-container {
  border: 1px solid black;
  padding: 2rem;
}

.cleaners-title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-align: center;
}

.cleaners-title div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cleaners-title h3 {
  color: #009fe3;
  font-size: 3rem;
  margin: 0;
}

.cleaners-title h2 {
  color: #009fe3;
  font-size: 4rem;
  margin: 0;
}

@media only screen and (max-width: 700px) {
  .cleaners-title {
    display: grid;
    grid-template-columns: 1fr;
  }
}