header {
  background: var(--home-header-bg-gradient-colour);
  margin-left: 2.5%;
  margin-right: 2.5%;
  border-radius: 15px;
  color: #253238;
  padding: 20px 20px;
  text-align: center;
  color: var(--home-header-colour);
}
.quicktab {
  justify-content: center;
  display: grid;
  grid-column-gap: 2.5%;
  column-gap: 2.5%;
  grid-row-gap: 2.5vh;
  row-gap: 2.5vh;
  margin-left: 2.5%;
  margin-right: 2.5%;
  max-height: 100dvh;
}
.about {
  grid-area: 2 / 1;
  min-width: 30%;
  width: 30dvw;
  max-width: 30dvw;
  max-height: 43.75dvh;
}

.about-div {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-gutter: auto;
  padding-right: 3%;
  margin-right: -3%;
  scrollbar-color: var(--alt-text-colour);
  max-height: 95%;
}
:is(.latest, .map, .about) h2 {
  margin-bottom: 0em;
  margin-top: -0.5em;
}
.about-div :is(p, ul) {
  margin-top: 0.2em;
  margin-bottom: 0.8em;
  font-size: 0.8em;
}

.map {
  grid-area: 1 / 2 / span 2 / span 1;
  max-width: 60vw;
  width: 60vw;
  min-width: 60%;
  max-height: 90dvh;
}

.map > a > img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 5px;
  margin-bottom: 2.5%;
  display: block;
  margin: auto;
}

.latest {
  grid-area: 1 / 1;
  min-width: 30%;
  width: 30vw;
  max-width: 30vw;
  max-height: 43.75dvh;
  position: relative;
}

.latest-div {
  overflow: hidden;
  max-height: 92%;
}

.latest-div :is(h3, h4, h5, h6) {
  color: var(--latest-header-colour);
  margin-bottom: 0em;
}

.latest-div h5 {
  font-size: 0.9em;
}

.latest-div h6 {
  font-size: 0.8em;
}

.latest-div :is(h3, h4, h5, h6):first-child {
  margin-top: 0em;
}

.latest-div :is(h3, h4, h5, h6):not(:first-child) {
  margin-top: 0.5em;
}

.latest-div :is(p, ul) {
  margin-top: 0.2em;
  font-size: 0.8em;
}

.readMore {
  position: absolute;
  right: 1em;
  bottom: 0.8em;
}
.latest-div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: var(--latest-more-bg-gradient-colour);
  border-radius: 12px;
}

.hlink:link {
  text-decoration: none;
}
.hlink:active {
  text-decoration: none;
}
.hlink:hover {
  text-decoration: none;
}
.hlink:visited {
  text-decoration: none;
}