/* Menubottom */
 .menubottom{
  display:none}
  @media screen and (max-width:800px){
    .menubottom{
      position:relative/*fixed*/;
      right:0;
      left:0;
      z-index:500;
      bottom:0
    }

nav a:hover {
  border-radius: 5px;
  height: 50px;
  width: 70px;
  align-self: flex-end;

  background: #FFB6C1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
}


button:hover {

background-color: black;
color: white;
}

    .menubottom nav ul{
      display:flex!important;
      width:95%!important;
      padding-left:5px;
      justify-content:space-between!important;
      margin-bottom:0px;
      flex-direction:row!important;
      list-style:none;
    }
    .menubottom nav ul li{
      width:100%!important;
      list-style:none;
    }
    .menubottom nav ul li a{
      display:block;
      text-decoration:none;
    }
    .menubottom nav ul li a svg{
      width:30px;
      height:30px;
      fill:#9aa3a9;
    }
    .menubottom nav ul li a span{
      color:#4b4f56;
      position:relative;
      font-size:13px;
      display:block;
      top:-5px;
      padding-top: 5px;
    }
  }
  @media screen and (max-width:768px){
    .menubottom{
      margin-left:13px;
      text-align:center;
      width:93%;
      position:fixed;
      display:block;
    }
    .menubottom nav{
      background-color: #ddd;
      display:block;
      position:relative;
      box-shadow:0 -3px 3px rgba(0,0,0,.3);
      border-radius:50px 50px 0 0;
    }
    .menubottom ul li{
      float:left;
      width:100px;
      height:100%;
      transition:background-color 0.2s linear .5s;
      transition:all .5s linear;
      background-position:center;
      display:block;
    }
  }