/* 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 10, but if you do -- maybe just use a custom class  :)  */
/*Main*/
#main {
  min-height: 100vh;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p {
  color: #FFFFFF;
}
#main .main-content {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 35px;
}
#main p.h4 {
  margin-top: 34px;
  margin-bottom: 48px;
}
#main picture.main-image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  z-index: -1;
}
#main picture.main-image img {
  width: 100% !important;
  height: 100vh !important;
  object-fit: cover;
}