/* Typography */
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  line-height: 1.1;
  /*font-family: 'BRSonomaRegular';*/
  font-weight: 600;
}
h1, .h1 {
  font-size: clamp(36px, 36px + (52 - 36) * ((100vw - 500px) / (1200 - 500)), 52px);
}
h2, .h2 {
  font-size: clamp(29px, 29px + (48 - 29) * ((100vw - 500px) / (1200 - 500)), 48px);
  letter-spacing: 1px;
}
h3, .h3 {
    font-size: clamp(23px, 23px + (30 - 23) * ((100vw - 500px) / (1200 - 500)), 30px);
    letter-spacing: 0.8px;
}
h4, .h4 {
    font-size: clamp(22px, 22px + (24 - 22) * ((100vw - 500px) / (1200 - 500)), 24px);
    letter-spacing: 0.5px;
}
h5, .h5 {
  font-size: 22px;
}
.tagline {
    font-size: clamp(18px, 18px + (24 - 18) * ((100vw - 500px) / (1200 - 500)), 24px);
    margin-bottom: 7px;
}
.font-brsonoma {
    font-family: "BR Sonoma"!important;
    font-weight: 600;
}


/* Spacing Helpers */
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  .col-pr-70 {
    padding-right: 35px!important;
  }
  .col-pl-70 {
    padding-left: 35px!important;
  }
}
@media (min-width: 1200px) {
  .col-pr-70 {
    padding-right: 70px!important;
  }
  .col-pl-70 {
    padding-left: 70px!important;
  }
}


/* Layout Helpers */
.p-r {
  position: relative;
}