html {
  scroll-behavior: smooth;
}
/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* poppins-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/poppins-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

.transparent-green {
  background: rgba(167, 182, 167, 0.9);
}

.widelines {
    line-height: 30px;
}

.noborderbody {
  margin: 0px;
}

.magazine {
  width: 100%;
  position: relative;
  text-align: center;
}
.magazine img {
  max-width: 2400px;
}
.img-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-top: 63px;
}
.positioning {
  display: none;
}

.heading1 {
  color: white;
  font-size: 24px;
  font-family: Poppins;
  font-weight: 200;
  line-height: 28.8px;
}
.heading2 {
  color: white;
  font-size: 16px;
  font-family: Poppins;
  font-weight: 200;
  text-decoration: none;
}
.heading2-footer {
    color: white;
    font-family: Poppins;
    font-weight: 200;
    text-decoration: none; 
    padding-left: 0px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.heading3 {
  color: #6e7e6d;
  font-size: 36px;
  font-family: Poppins;
  font-weight: 400;
  line-height: 72px;
  word-wrap: break-word;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-block-end: 0px;
  margin-block-start: 0px;
}
.heading4 {
  color: #666;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 200;
  line-height: 36px; /* 150% */
  letter-spacing: -0.36px;
  margin-block-start: 0px;
  margin-block-end: 0px;
}
.paragraph {
  color: rgba(0, 0, 0, 0.8);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
  letter-spacing: -0.24px;
}

.checklist > * {
  background: url("check_circle.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 5px 0px 10px 30px;
  list-style: none;
  margin: 0;
}

.checkboxes > * {
  background: url("check_box.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 10px 30px;
  list-style: none;
  margin: 0;
}
.checkboxes {
  padding-left: 0px;
}

.small-margin {
  margin-left: 0.5em;
}

.small-margin-top-bot {
  margin-top: 12px;
  margin-bottom: 12px;
}

.poppins-list {
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.24px;
  color: rgba(0, 0, 0, 0.8);
}

ul.dash {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;

  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.015em;
  text-align: left;
}
ul.dash > li:before {
  display: inline-block;
  content: "-";
  width: 1em;
  margin-left: -1em;
}

.flex-logo-container {
    display: flex;
    flex-direction: column;
  }

.logo {
  margin: 10px;
}

li.pin {
  background: url("pin.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 10px 50px;
  list-style: none;
  margin: 0;
}

li.phone {
  background: url("phone.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 10px 50px;
  list-style: none;
  margin: 0;
}

li.calendar {
  background: url("calendar.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 10px 50px;
  list-style: none;
  margin: 0;
}

li.clock {
  background: url("clock.svg") no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0px 0px 10px 50px;
  list-style: none;
  margin: 0;
}

.two-by-two {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 40%;
  height: 100px;
  max-height: 100px;
  border: 1px solid green;
}
.two-by-two div:nth-child(-n + 2) {
  background: yellow;
  width: 50px;
  height: 50px;
}
.two-by-two div:nth-child(n + 3) {
  background: aqua;
  height: 50px;
  width: calc(100% - 50px);
}

imprint {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.015em;
  text-align: left;
}

#main-column {
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 24px;
}

.shiftedanchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
  }
  

  .spacebot {
      padding-bottom: 20px;
  }
  .spacetop {
    padding-top: 30px;
  }

.parent {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cell {
  width: 100%;
}
.cell-spacer {
  width: 0px;
}

.contactinfo {
  padding-left: 0px;
}

.parent-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 265px;
}

.hideonmobile {
  display: none;
}

.parent-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: left;
  margin-top: 0px;
  margin-bottom: 0px;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 24px;
}

.desktop-padleft {
    padding-left: 0px;
}
.desktop-padboth {
    padding-left: 1em;
    padding-right: 1em;
}

.leaf {
    padding-left: 16px; 
    width: 66px; 
    height: 55px; 
    rotate(36.41deg); 
    transform-origin: 0 0;
    margin-top: 0px !important;
}

.greentitle {
    color: white;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 400;
    line-height: 16.6px;
    text-align: left;
}
.header {
    width: 100%; 
    height: 64px; 
    display: flex;
    align-items: center; 
    position: fixed; 
    left: 0px;
     top: 0px;
    z-index: 2;
}
@media only screen and (min-width: 1080px) {
  .spacebot {
    padding-bottom: 50px;
}
.spacetop {
  padding-top: 60px;
}
.heading4 {
  color: #666;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: 36px; /* 150% */
  letter-spacing: -0.36px;
  margin-block-start: 0px;
  margin-block-end: 0px;
}

  .img-container {
    display: inline-block;
    position: relative;
    width: 100%;
  }

    .shiftedanchor {
        display: block;
        position: relative;
        top: -200px;
        visibility: hidden;
      }

    .heading2 {
        color: white;
        font-size: 16px;
        font-family: Poppins;
        font-weight: 200;
        text-decoration: none;
      }
    .header {
        width: 100%; 
        height: 120px; 
        display: flex;
        align-items: center; 
        position: fixed; 
        left: 0px;
         top: 0px;
        z-index: 2;
    }
    .positioning {
        position: absolute;
        right: 0px;
        bottom: 24px;
        padding: 0px;
        background: #a7b6a7e5;
        font-family: Poppins;
        font-size: 20px;
        font-weight: 200;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
        color: #ffffff;
        max-width: 50%;
      }

    .heading-footer {
        padding-bottom: 8px;
        padding-top: 8px;
      }
      .desktop-padleft {
        padding-left: 4em;
    }

    .flex-logo-container {
        display: flex;
        flex-direction: row;
      }
    .leaf {
        padding-left: 32px;
        width: 99px; 
        height: 82px; 
        rotate(36.41deg); 
        transform-origin: j 0;
        margin-top: 0px !important;
    }
  #main-column {
    padding-left: 25%;
    padding-right: 25%;
    margin-bottom: 48px;
  }

  .greentitle {
    padding-left: 17px;
    color: white;
    font-size: 18px;
    font-family: Poppins;
    font-weight: 200;
    line-height: 28.8px;
    width: 30em;
    text-align: left;
    }

  .parent {
    display: flex;
    flex-direction: row;
    width: 100%;
  }

  .parent-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin-top: 0px;
    align-items: center;
  }

  .cell {
    width: 50%;
  }
  .cell-spacer {
    width: 120px;
  }

  .contactinfo {
    padding-left: 0px;
  }

  .hideonmobile {
    display: block;
  }

  .magazine img {
    max-width: 2400px;
    margin-top: calc(-7vw);
  }
  .desktop-padboth {
    padding-left: 0.4em;
    padding-right: 0.4em;
}
.desktop-padleft {
  padding-left: 0.4em;
}
}

@media only screen and (min-width: 1200px) {
    .desktop-padboth {
        padding-left: 1em;
        padding-right: 1em;
    }
    .desktop-padleft {
      padding-left: 1em;
  }
  .greentitle {
    padding-left: 17px;
    color: white;
    font-size: 20px;
    font-family: Poppins;
    font-weight: 200;
    line-height: 28.8px;
    width: 30em;
    text-align: left;
    }
}

@media only screen and (min-width: 1460px) {
    .desktop-padboth {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
    .desktop-padleft {
      padding-left: 1.5em;
  }

    .heading2 {
        color: white;
        font-size: 20px;
        font-family: Poppins;
        font-weight: 200;
        text-decoration: none;
      }
}


@media only screen and (min-width: 1600px) {
.desktop-padboth {
    padding-left: 2em;
    padding-right: 2em;
}    
.desktop-padleft {
  padding-left: 2em;
}
.greentitle {
    padding-left: 17px;
    color: white;
    font-size: 24px;
    font-family: Poppins;
    font-weight: 200;
    line-height: 28.8px;
    width: 30em;
    text-align: left;
    }

}

/* iphone mini adjustments */
@media only screen and (max-width: 400px) {
  .heading3 {
    color: #6e7e6d;
    font-size: 32px;
    font-family: Poppins;
    font-weight: 400;
    line-height: 72px;
    word-wrap: break-word;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-block-end: 0px;
    margin-block-start: 0px;
  }
}