html {
  scroll-behavior: smooth;
}

.to-top {
  background: white;
  position: fixed;
  bottom: 16px;
  right: 32px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #1f1f1f;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}

.to-top .active {
  bottom: 6.5%;
  pointer-events: auto;
  opacity: 0.8;
  background-color: #cfcfcf;
}

.fas {
  color: #1f1f1f;
}

body {
  background-color: #fdfdfd;
}

.container {
  margin: 1% 10%;
  margin-bottom: 5%;
  border: #000000;
  border-style: solid;
  box-shadow: 2vw 2vw #855757;
}

.container div {
  padding: 2%;
}

.header .dayButtons {
  display: inline;
  color: #1f1f1f;
}

.header .button {
  font-size: 3vw;
  padding: 1% 8%;
  margin: 0% 5%;
  border-color: #fed141;
  color: #141b4d;
  background-color: fdfdfd;
  /* Hover */
  border-width: 1%;
  font-weight: 1vw;
  border-width: 0.5vw;
}
.header .dayButtons {
  padding-top: 4%;
}
/* Desktop */
@media (min-width: 600px) {
  .header .title {
    font-size: 3vw;
  }
  .header .dayButtons,
  .header .displayDay {
    font-size: 2vw;
  }
  .header .pageDescription {
    font-size: 2.5vw;
  }
  .container div {
    font-size: 1.5vw;
  }
  .container {
    margin: 2% 25%;
    box-shadow: 1vw 1vw #855757;
  }
  .header .button {
    font-size: 1.5vw;
  }
}

/* Mobile */
@media (max-width: 600px) {
}

.header {
  margin-top: 4%;
  z-index: 1;
}

.header .dropdown-content {
  display: none;
  z-index: 1;

  width: 100%;
  justify-content: center;

  border-bottom: 0.25vw solid #857b7b;
}

#findATime {
  display: flex;
  margin-bottom: 8.5%;
}

.title {
  font-size: 5vw;
}
.button,
.displayDay {
  font-size: 3.5vw;
}
.pageDescription {
  font-size: 4vw;
}

.details {
  line-height: 2;
  text-indent: 3%;
  font-size: 4vw;
  
}
.navigationBar {
  z-index: 2;
}
.header .dayButtons .sideBySide {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.header .dropdown-content .list {
  margin-bottom: 5%;
  border-color: black;
  color: #141b4d;
  background-color: #fdfdfd;
  border-radius: 10vw;
  /* Hover */
  border-width: 1%;
  border-width: 0.5vw;
}