@media (max-width: 575.98px) {
  .HideOnMobile {
    display: none;
  }
  .ShowOnMobile {
    display: initial;
  }
}

@media (min-width: 576px) {
  .HideOnMobile {
    display: initial;
  }
  .ShowOnMobile {
    display: none;
  }
  
}
@media only screen and (max-width: 575px) {
  .navbar-nav {
    margin-left: inherit;
  }
  .navbar-nav {
    display: -webkit-inline-box;
  }
  .nav-item {
      margin-left: 5px;
  }
  
}


body {
  background: -webkit-linear-gradient(left, #3931af, #00c6ff);
  width: 100%;
  height: 100%;
}



/*navbar*/


.navbar-nav {
      margin-left: auto;
  }