@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-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-training-container {
          border: 2px solid red;
          display: flex;
          flex-flow: column nowrap;
          text-align: center;
          padding: 0px 0px 0px 0px;
   
       
    }




}