.mobile-bottom-nav {
  position: fixed;
  bottom: 2vh;
  left: 0;        /* set left to 0 */
  right: 0;       /* set right to 0 */
  margin: auto;   /* auto margin will center the element */
  z-index: 1000;
  border-radius: 90px;
  will-change: transform;
  transform: translateZ(0);
  display: flex;
  height: 55px;
  box-shadow: 0 -2px 5px -2px #333;
  background-color: #fff;
  width: 90%;     /* it's 90% of the viewport width */
}


i.material-icons{
  top:2vh;
  position: relative;
}
.mobile-bottom-nav__item-content{

  color:#d48a27;
}
.mobile-bottom-nav__item {
  flex-grow: 1;
  text-align: center;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mobile-bottom-nav__item--active {
  color: red;
}
.mobile-bottom-nav__item-content {
  display: flex;
  flex-direction: column;
}