.menu-icon {
  display: inline-block;
  fill: #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-bottom: 0.5rem;
}

.menu-ub {
  display: block;
  width: 92px;
  height: 34px;
  margin-left: calc(50% - 46px);
  text-align: center;
  margin-top: calc(20% + 12px);
  content: url('../images/Ub_Logo.svg');
}

.menu-ub:hover {
  background-color: #001d49f !important;
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

.spinning {
  animation: logo-spin infinite 10s linear;
}

@keyframes logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}