div#myBody {
  width: 100%;
  margin: 0;
  padding: 0;
}
header > .top {
  padding: 1vh 0 1vh;
  margin: 0 0;
  background: rgba(0, 139, 169, 1);
}
header > .top > .container {
  padding: 0 2vw 0 2vw;
  position: relative;
  display: flex;
  flex-direction: column;
}
header > .top > .container > .row {

}
header > .top > .container > .row > .box {
  width: 50%;
  p.topcontact {
    color: white;
  }
  ul.social-network {
    float: right;
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    li {
      margin: 0 .25vw;
    }
  }
}
header > .container{
  max-width: 100%;
  width: 100%;
  background-color: rgb(255, 255, 255);
  
}
nav {
  background: rgba(0, 139, 169, .75);
}
nav .dropdown-menu {
  transition: all 1s;
  background-color: rgba(0, 139, 169, .75);
  li {
    a {
      &:hover, &:focus {
        background-color: rgba(0, 139, 169, .5);
      }
    }
  }
}
.nav-link {
  color: rgba(255, 255, 255, 1);
  &:hover, &:focus {
    color: rgba(255, 255, 255, .75);
  }
}
.nav-link.active {
  color: rgb(255, 215, 0);
  &:hover, &:focus {
    color: rgba(255, 215, 0, .75);
  }
}
.sticky-top {
  position: sticky;
  transition: all 0.25s ease-in;
}
.stuck nav {
  background-color: rgb(108, 117, 125);
}
.stuck nav .dropdown-menu {
  background-color: rgb(52, 58, 64);
  li {
    a:hover, a:focus {
      background-color: rgb(108, 117, 125);
    }
  }
}
header > .container > .row {
  justify-content: center;
}
header > .container > .row > .box {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  justify-content: center;
  .logo {
    float: left;
    height: 100%;
    width: 10%;
    margin: 1vh 1vw;

    img {
      width: 100%;
      height: 100%;
    }
  }
  .text {
    width: 60%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-right: -10vw;
    a {
      color: rgb(255, 215, 0);
      font-size: 25px;
      height: 25%;
      font-weight: bold;
      text-decoration: none;
      &:hover, &:focus {
        color: rgba(255, 215, 0, .75);
      }
      &:nth-child(2){
        font-size: 20px;
        color: rgba(0, 0, 0, 1);
        font-weight: 400;
        &:hover, &:focus {
          color: rgba(0, 0, 0, .75);
        }
      }
    }
  }
}
.position-absolute {
  position: absolute;
}
.container-fluid {
  width: 75%;
}
nav > div > div > ul > li{
  margin: auto;
}
@media all and (min-width: 992px) {
  /* .navbar .nav-item .dropdown-menu{ display: none; }
  .navbar .nav-item:hover .nav-link{   }
  .navbar .nav-item:hover .dropdown-menu{ display: block; } */
  .navbar .nav-item .dropdown-menu{ margin-top:1vh; margin-left: -.75vw; }
}
#textChange {
  background-color: rgba(125, 125, 125, 1);
  margin-top: 2.5vh;
}
.rotating-text {
  font-family: Lato, sans-serif;
  font-weight: 600;
  font-size: 25px;
  color: black;
  text-align: center;
  transform: translateX(-25%);

  p {
    display: inline-flex;
    margin: 0;
    vertical-align: top;

    .word {
      position: absolute;
      display: flex;
      opacity: 0;

      .letter {
        transform-origin: center center 25px;

        &.out {
          transform: rotateX(90deg);
          transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
        }
        &.in {
          transition: 0.38s ease;
        }
        &.behind {
          transform: rotateX(-90deg);
        }
      }
    }
  }
}
.video-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  video {
    width: 100%;
  }
}
.date_box {
  width: 100%;
  display: flex;
  height: 50%;
  flex-direction: column;
  align-content: center;
  flex-wrap: wrap;

  .day {
    width: 100%;
    height: 25%;

    p {
      margin: auto;
      font-size: 20px;
      text-align: center;
    }
  }
  .time {
    display: flex;
    width: 100%;
    height: 75%;
    justify-content: space-evenly;

    .time_box {
      border-radius: 10%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      width: 24%;
      height: 100%;
      background-color: rgba(0, 139, 169, .5);
      
      p {
        margin: 0;
        font-size: 15px;
        text-align: center;
      }
    }
  }
}