/*https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header*/

.anchor {
    display: block;
    position: relative;
    top: -80px;   /* 80px fixed menu bar (need to have <a class="anchor" id="name-of-anchor"></a>) */
    visibility: hidden;
}

@media screen and (min-width: 1px) and (max-width: 419.5px) {   /* toggle menu is displayed */
  .anchor {
    top: -61px;   /* 61px fixed menu bar */
  }
}

.anchor2 {
    display: block;
    position: relative;
    top: -100px;   /* 80px fixed menu bar + 20px padding */
    visibility: hidden;
}

@media screen and (min-width: 1px) and (max-width: 419.5px) {   /* toggle menu is displayed */
  .anchor2 {
    top: -81px;   /* 61px fixed menu bar + 20px padding */
  }
}



.anchor3 {
  display: block;
  position: relative;
  top: -115px;   /* 80px fixed menu bar + 25px padding */
  visibility: hidden;
}

@media screen and (min-width: 1px) and (max-width: 419.5px) {   /* toggle menu is displayed */
  .anchor3 {
    top: -96px;   /* 61px fixed menu bar + 10px padding */
  }
}