html {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
body {
  background-color: #ac9d93;
  background-image: url(assets/pistil_alpha_bcg.png);
  background-attachment: fixed;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Open Sans", sans-serif;
  display: flex;
  flex-direction: row;
  flex: auto;
  padding-bottom: 0.5em;
  color: #4a4745;
  font-size: 0.9em;
  margin: 0;
}

#inTheHeartOfTheNationalForest {
  display: flex;
  flex: auto;
  max-width: 80vw;
  flex-direction: column;
  margin-left: 5vw;
  align-items: center;
}
#logoBlock {
  display: flex;
  flex: auto;
}
#tagline {
  transform: translateZ(0);
  transition: ease all 0.5s;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 3em;
  line-height: 1.5rem;
  font-weight: 600;
  font-size: 1.2em;
  letter-spacing: -0.1rem;
  padding-right: 0;
  @media (min-width: 1025px) {
    align-items: flex-end;
    font-size: 1.5em;
    padding-right: 42px;
  }
}
.classy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.classy > * {
  display: flex;
}
#logo {
  flex: 0 0 35vh;
}
#logo svg {
  transform: translateZ(0);
  transition: ease width 0.5s;
  width: 300px;
  @media (min-width: 1025px) {
    width: 500px;
  }
}
header h1 {
  display: none;
}
ul {
  transform: translateZ(0);
  transition: ease all 0.5s;
  list-style: none;
  padding-inline-start: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin-top: 3px;
  @media (min-width: 1025px) {
    gap: 6px;
    margin-top: 6px;
  }
}