#jumpToLinks a {
  text-decoration: none;
}

@media screen and (orientation: landscape) {
  #content {
    padding-left: 15%;
    padding-right: 15%;
  }
  
  #whoAreWeSection,
  #historySection,
  #mascotSection {
    scroll-margin-top: 90px;
  }
  
  .jumpToLink {
    font-size: clamp(8px, 2.4vh, 16px);
  }
}

@media screen and (orientation: portrait) {
  .media {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  #whoAreWeSection,
  #historySection,
  #mascotSection {
    scroll-margin-top: 55px;
  }
  
  .jumpToLink {
    font-size: clamp(20px, 6vh, 40px);
  }
}

.jumpToLink {
  margin: 4px;
  border: 1px solid black;
  border-radius: 10px;
  cursor: pointer;
}