div.canvas:nth-of-type(2) {
  margin-bottom: 0 !important;
}

.report-heading {
  color: #172550;
  font-weight: 750;
  font-size: 3rem;
  font-size: clamp(3rem, 2.8vw + 1.1rem, 4.25rem);
}

.report-subtitle {
  color: #172550 !important;
  font-family: "crimson pro variable", serif;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 5px;
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 1.2vw + 1rem, 1.75rem);
}

#arlogo {
  width: min(85vw, 400px);
}

.hero-content {
  background: none !important;
}

.zone-overlay {
  background: linear-gradient(315deg, #FBDE02 0%, #E1B202 60%, #CD8703 100%) !important;
  background-size: 200% 200% !important;
  /*animation: gradient 8s linear infinite alternate-reverse;
  -webkit-animation: gradient 8s linear infinite alternate-reverse;
  -moz-animation: gradient 8s linear infinite alternate-reverse;*/
}

@-webkit-keyframes gradient {
    0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
}
@-moz-keyframes gradient {
    0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
}
@keyframes gradient {
    0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
}