@media (max-width: 768px) {

  
  .bottom-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;

      display: flex;
      justify-content: space-around;

      padding: 12px 0;
      background: black;
      border-top: 1px solid gold;
      border-bottom: none;
      height: 70px;
    }

    .bottom-bar a {
      display: flex;
      justify-content: space-around;
      align-items: center;
      text-decoration: none;
      background-color: #000;
      color: white;
      font-size: 19px;
    }


    .category-button {
      border: 1px solid gold;
      width: 100%;
      /* text-align: center; */
    }


    .icon {
      width: 22px;
      height: 16px;
      color: gold;
    }


  body {
   
    margin: 5px;
    margin-top: 10px;
    padding: 10px 20px 0px 20px;
  }

  #fasier-schedule-container {
     border: 2px solid red;
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    padding: 0px 0px 0px 0px;
   
  }


}