/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#masthead {
  background: #222222;
  padding-top: 10px;
  padding-bottom: 10px;
}
#masthead img {
  width: 65px;
  height: 65px;
}

#main h1 {
  font-size: clamp(4.9375rem, 79px + (100 - 79) * (100vw - 320px) / 1600, 6.25rem);
  line-height: clamp(4.375rem, 70px + (110 - 70) * (100vw - 320px) / 1600, 6.875rem);
}
#main h2 {
  font-size: clamp(2.1875rem, 35px + (50 - 35) * (100vw - 320px) / 1600, 3.125rem);
  line-height: clamp(2.625rem, 42px + (60 - 42) * (100vw - 320px) / 1600, 3.75rem);
}