/* Shared layout and type scale for contact and informational pages. */
#wrap > section > .container {
  width: 100%;
  max-width: 1280px !important;
  padding-right: 48px;
  padding-left: 48px;
}

#wrap > section.s_text_block {
  padding-top: clamp(2.5rem, 5vw, 5rem) !important;
  padding-bottom: clamp(3rem, 6vw, 6rem) !important;
}

#wrap > section h1,
#wrap > section h2,
#wrap > section h3 {
  color: #30352e;
  font-weight: 600;
  text-transform: none;
  overflow-wrap: anywhere;
}

#wrap > section h1 {
  font-size: clamp(34px, 3vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.7px;
  margin-bottom: 2rem;
}

#wrap > section h2 {
  font-size: clamp(28px, 2.5vw, 36px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.5px;
  margin-top: 2.75rem;
  margin-bottom: 1rem;
}

#wrap > section h3 {
  font-size: 21px !important;
  line-height: 1.3 !important;
  margin-top: 2rem;
  margin-bottom: .8rem;
}

#wrap > section p,
#wrap > section li {
  color: #52564d;
  font-size: 16px;
  line-height: 1.7;
}

#wrap > section p,
#wrap > section li,
#wrap > section a,
#wrap > section td,
#wrap > section th {
  overflow-wrap: anywhere;
  word-break: normal;
}

#wrap > section table,
#wrap > section .table-responsive {
  max-width: 100%;
}

#wrap > section.pt8.pb8 {
  padding-top: clamp(2.5rem, 5vw, 5rem) !important;
  padding-bottom: clamp(3rem, 6vw, 6rem) !important;
}

#wrap > section.pt8.pb8 h1.pt16 {
  padding-top: 0 !important;
}

@media (max-width: 991px) {
  #wrap > section > .container {
    padding-right: 28px;
    padding-left: 28px;
  }
}

@media (max-width: 767px) {
  #wrap > section > .container {
    padding-right: 22px;
    padding-left: 22px;
  }

  #wrap > section h1 {
    font-size: clamp(32px, 8vw, 40px) !important;
  }

  #wrap > section h2 {
    font-size: 28px !important;
  }
}