@media(min-width: 768px){
  .bottom-menu{display:none;}
}

@media(max-width: 767px){
  .bottom-menu{
    position:fixed;
    bottom:0;
    width:100%;
    height:80px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:9999;
    background:#ffffff;
  }
  .button-f{
    width:100%;
  }
  .button-f ul{
     display: flex;
    justify-content: center;
    align-items: center;
   }
  .button-f ul li{
    width:33.33%;
    padding-top:15px;
  }
  .button-f ul li:nth-child(1){
    background:#00B900;
    border-right:1px solid #fff;
  }
  .button-f ul li:nth-child(2){
    background:#ff0015;
    border-right:1px solid #fff;
  }
  .button-f ul li:nth-child(3){
    background:#ff6c00;
  }

  .button-f ul li i{
    padding-top:5px;
  }

  .bottom-menu a{
    margin:0 auto;
    display: block;
    width:90%;
    height:80px;
    color:#ffffff;
    font-size:0.9rem;
    text-align: center;
  }
  .bottom-menu i{
    display:block;
    margin-bottom:3px;
    font-size:1.3rem;
    padding-top:18px;
  }


  footer{margin-bottom:80px;}
}