.sr-only {
  border:0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding:0;
  height: 1px;
  margin: -1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important;
  word-wrap:normal !important;
}
a,
a:visited,
a:active,
a:focus {
  color: currentColor;
  text-decoration: none;
  transition: all ease 0.3s;
}
a:hover, a:active, a:focus{
  outline:none;
  color: var(--lightbeige);
}
.content p a {
  color: var(--lightblue);
}
.content p a.btn {
  background-color: var(--lightblue);
  color: var(--white);
}
article,
section {
  display:block;
}

/* Headings */
h1, .h1 {
  font-family: HelveticaNowDisplayRegular, Sans-Serif;
  font-size:24px;
  font-weight:100;
  color: var(--brown);
  margin:0 auto;
  padding:0;
  text-transform:uppercase;
}
h2, .h2 {
  font-family: "HelveticaNowDisplayBlack", Sans-Serif;
  font-weight:100;
  line-height:1;
  color:var(--black);
  margin:0;
  padding:0;
  font-size:32px;
}
h3, .h3 {
  font-family: "HelveticaNowDisplayRegular", Sans-Serif;
  font-weight:100;
  line-height:1.2;
  color:var(--black);
  margin:0;
  padding:0;
  font-size:40px;
  padding-bottom:35px;
}
h4, .h4,
h5, .h5 {
  /* font-family: "Helvetica Neue LT Pro"; */
  font-weight:100;
  line-height:1;
  color:var(--black);
  margin:0;
  text-transform:uppercase;
  font-size:32px;
  padding-top:20px;
  padding-bottom:20px;
  font-weight:400;
}
h5, .h5 {
  font-size:20px;
  font-weight:bold;
}

@media screen and (min-width:834px) {
  h2, .h2{
    font-size:40px;
  }
  h3, .h3 {
    font-size:62px;
  }
  h4, .h4 {
    font-size:40px;
    padding-bottom:28px;
  }
}
p {
  padding:0;
  margin:0;
  line-height:1.3;
}
.container,
.content{
  display:block;
  position:relative;
  padding:0;
  margin:0 auto;
  width:100%;
  max-width:min(calc(100vw - var(--dist-h)), var(--content-max-width));
}
.content{
  padding:var(--dist-v) 0;
  text-align:left;
}
@media (min-width: 660px) {
  .content{
    padding:var(--dist-v) calc(var(--dist-h) / 2);
  }
}

.content .container,
.content .content{
  max-width:100%;
}
.container.split,
.content.split{
  display: flex;
  flex-direction: column;
}
@media (min-width: 660px) {
  .container.split,
  .content.split{
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: var(--columngap);
  }
}

button,
.btn{
  display: inline-block;
  text-align: center;
  text-transform:uppercase;
  text-decoration: none;
  font-weight:800;
  margin:var(--columngap) 0;
  padding:var(--columngap) var(--columngap) calc(var(--columngap) - .25em) var(--columngap) ;
  cursor: pointer;
  font-size:16px;
  line-height:1.5;
  transition:all ease .2s;
  border: 1px solid currentColor;
}
button:hover,
button:active,
button:focus,
.btn:hover,
.btn:active,
.btn:focus{
  transform:scale(1.05);
}