#MenuBar #Options li a.button {
  display: inline-block;
}
#MenuBar .shareFlyout {
  display: inline-block;
  overflow: hidden;
  background: #fff;
  width: 0px;
  transition: width 180ms, height 0ms;
  position: relative;
  top: 11px;
}
#MenuBar .shareFlyout.open {
  width: 250px;
}
#MenuBar .shareFlyout .share-bar-container {
  height: 32px;
  width: 250px;
}
#MenuBar .shareFlyout .share-bar-container .share-label {
  float: left;
  margin-right: 8px;
  padding-top: 5px;
}
#MenuBar .shareFlyout .share-bar-container .share-expanded-bar {
  float: left;
}
@media (max-width: 639px) {
  #MenuBar #Options li a.button {
    display: block;
  }
  #MenuBar .shareFlyout {
    position: absolute;
    left: 0;
    top: 45px;
    height: 0px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    transition: width 0ms, height 180ms;
  }
  #MenuBar .shareFlyout .share-bar-container {
    position: relative;
    top: 6px;
    left: 9px;
  }
  #MenuBar .shareFlyout.open {
    height: 45px;
    width: 100%;
  }
}

/* Share overrides */

#MenuBar .share-item.share-label {
  color: #999;
  font-size: 14px;
}