.navbar {
  overflow: hidden;
  background-color: #fcf4db;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  display: none;
      height: 45px;
          box-shadow: 0px 0px 8px 0px black;
}
.navbar-inner{
display: flex;
justify-content: center;}
.navbar a {
  cursor:pointer;
  float: left;
  display: block;
  color: #000;
  text-align: center;
  padding: 0 18px;
  text-decoration: none;
  font-size: 18px;
  line-height: 45px;
}
.navbar a:hover {
  color: #f72865;
}

.navbar.activated{height:auto;}


@media screen and (max-width: 991px) {
.navbar a{width:100%;    text-align: left;}
.navbar-inner{    flex-wrap: wrap;}
}
.mobile-nav svg {
  height: 40px;
  padding: 2px;
}

.mobilenavbuy{    margin: 2px;
line-height: 40px !important;
height: 40px;
position: absolute;
top: 0px;
text-align: center !important;
right: 0px;
width: 150px !important;
box-shadow: 0 0 0 1px #1e4400 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset;}


.linear-wipe {
text-align: center;
background: -webkit-gradient(linear, left top, right top, color-stop(20%, #FFF), color-stop(40%, #7fdf23), color-stop(60%, #7fdf23), color-stop(80%, #FFF));
background: linear-gradient(to right, #FFF 20%, #7fdf23 40%, #7fdf23 60%, #FFF 80%);
background-size: 200% auto;
color: #000;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: shine 1s linear infinite;
        animation: shine 1s linear infinite;
}
@-webkit-keyframes shine {
to {
  background-position: 200% center;
}
}
@keyframes shine {
to {
  background-position: 200% center;
}
}