#homeVideo {
    width: 100%;
    max-height: 92vh;
    object-fit: cover;
}

footer {
  position: fixed;
  background-color: #3887c3;
  min-height: 0.2rem;
  bottom: 0;
  width: 100%;
}

#homeInfo {
  display: none;
  color: white;
  margin: 1rem;
}

#mobilenavhamburgermenu {
  display: none;
}

.hidablenavlink {
  display: block !important;
}

@media only screen and (max-width: 547px) {
  .content {
    width: 100%;
  }
  
  nav {
      position: fixed;
      bottom: 0;
      width: 100%;
  }

  .bordered-link {
    border-bottom: 1px solid #94cefa;
  }

  #homebutton {
      height: 4rem;
      margin: 0;
  }

  footer {
    top: 2.3rem;
    height: 0.2rem;
    z-index: -1;
  }

  #homeInfo {
    display: none;
  }
}

@media only screen and (min-height: 500px) and (max-width: 547px) {
  .nav-link {
    padding-top: 2.5vh;
  }
}

@media only screen and (min-height: 600px) and (max-width: 547px) {
  .nav-link {
    padding: 3.2vh 0;
  }
}

@media only screen and (min-height: 700px) and (max-width: 547px) {
  .nav-link {
    padding: 3.5vh 0;
  }
}

@media only screen and (min-height: 900px) and (max-width: 547px) {
  .nav-link {
    padding: 3.8vh 0;
  }
}

@media only screen and (min-height: 1300px) and (max-width: 547px) {
  .nav-link {
    padding: 4.5vh 0;
  }
}

@media only screen and (max-width: 1128px) and (min-height: 400px){
  #homeInfo {
    display: flex;
    height: 55vh;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    font-size: 3vh;
  }
}

@media only screen and (max-width: 546px) {
  #homeInfo {
    display: none;
  }
}