:root {
  --col-red-crayola: #ff2152;
  --col-red-crayola-50: #ff215233;
  --col-sunglow: #ffcb3f;
  --col-sunglow-50: #ffcb3f33;
  --col-salmon: #fc8370;
  --col-salmon-50: #fc837033;
  --col-mulberry: #cb0095;
  --col-mulberry-50: #cb009533;
  --col-royal-purple: #6c00b6;
  --col-royal-purple-50: #6c00b633;
  --col-maximum-blue: #0000a7;
  --col-maximum-blue-50: #0000a733;
  --col-pear: #cedf30;
  --col-pear-50: #cedf3033;
  --col-lime-green: #25d23f;
  --col-lime-green-50: #25d23f33;

  --col-gray: #808080;

  --col-light-gray: #dcdcdc;
  --col-light-gray-50: #dcdcdc33;
  --card-border: 2px;
}

body {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1.heading-1 {
  color: black;
  font-weight: bold;
}

.tag-line {
  font-family: 'Grape Nuts', cursive;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  color: var(--col-red-crayola);
}

.card-base {
  border-radius: 10px;
}

.card-type-a {
  border: var(--card-border) solid var(--col-salmon);
}
.card-type-a h3 {
  color: var(--col-salmon);
  font-weight: bold;
}
.cta-icon-business {
  color: var(--col-salmon);
}

.card-type-b {
  border: var(--card-border) solid var(--col-mulberry);
}
.card-type-b h3 {
  color: var(--col-mulberry);
  font-weight: bold;
}
.cta-icon-school {
  color: var(--col-mulberry);
}

.card-type-c {
  border: var(--card-border) solid var(--col-royal-purple);
}
.card-type-c h3 {
  color: var(--col-royal-purple);
  font-weight: bold;
}
.cta-icon-event {
  color: var(--col-royal-purple);
}

.card-type-cta {
  border: var(--card-border) solid var(--col-maximum-blue);
}
.card-type-cta > h2.heading-2 {
  color: var(--col-maximum-blue);
  font-weight: bold;
}

.cta-item-icon {
  border-radius: 10px;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.5rem;
  font-size: 2rem;
}

.cta-item-time-bg {
  background-color: var(--col-sunglow-50);
}
.cta-item-time-title {
  color: var(--col-sunglow);
}

.cta-item-store-bg {
  background-color: var(--col-salmon-50);
}
.cta-item-store-title {
  color: var(--col-salmon);
}

.cta-item-phone-bg {
  background-color: var(--col-mulberry-50);
}
.cta-item-phone-title {
  color: var(--col-mulberry);
}

.cta-item-email-bg {
  background-color: var(--col-lime-green-50);
}
.cta-item-email-title {
  color: var(--col-lime-green);
}

.cta-main-phone {
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  background-color: var(--col-royal-purple);
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
}

.cta-header-container {
  background-color: var(--col-light-gray-50);
  color: var(--col-gray);
}

.cta-header-phone {
  font-size: 1.8rem;
  border-radius: 10px;
  color: white;
  background-color: var(--col-mulberry);
  padding: 0.75rem 1.5rem;
  text-align: center;
}
.cta-header-phone .icon {
  font-size: 2rem;
  margin-right: 0.5rem;
  color: var(--col-sunglow);
}

.est {
  border: 1px solid var(--col-light-gray);
  border-radius: 5px;
  padding: 0.25rem 0.5rem;
  font-size: 0.6rem;
}

.service-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-list ul {
  list-style: none;
  padding: 0;
}
.business-service-list li::before {
  color: var(--col-salmon);
}
.school-service-list li::before {
  color: var(--col-mulberry);
}
.event-service-list li::before {
  color: var(--col-royal-purple);
}

.service-list li {
  padding-left: 1.5rem;
  position: relative;
}

.service-list li::before {
  font-family: 'Material Design Icons';
  content: '\F012C';
  position: absolute;
  left: 0;
}

footer {
  text-align: center;
  font-size: 0.8rem;
  color: var(--col-gray);
}