#navbar-menu {
  background-color: #333;
  position: fixed;
  width: 100%;
  z-index: 20000;
}

#navbar-menu a {
  float: left;
  display: block;
  color: #f2f2f2;
  padding: 12px 12px;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
}

.sticky {
  position: fixed !important;
  width: 100%;
}

@media
  only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px)  {
    #navbar-menu a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      text-decoration: none;
    }

    .site-content{
      padding-top: 30px;
    }

    button:hover, button:focus, .button:hover, .button:focus {
      background-color: #333 !important;
    }
  }

  /* Smartphones (portrait and landscape) ----------- */
  @media only screen
  and (min-device-width : 250px)
  and (max-device-width : 767px) {
    #navbar-menu a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      text-decoration: none;
    }
    .icon-bar{
      background: #fff;
      margin-left: 180px;
    }
    #navbar-menu{
      height: 30px;
    }
    .navbar-toggle{
      margin: 0 auto;
    }

    button:hover, button:focus, .button:hover, .button:focus {
      background-color: #333 !important;
    }
}

  @media (max-width: 767px)
  {
    #navbar-menu a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      text-decoration: none;
    }

    #navbar-menu .big-menu{
      display: none;
    }
    .icon-bar{
      background: #fff;
      margin-left: 180px;
    }
    #navbar-menu{
      height: 30px;
    }
    .navbar-toggle{
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }

    button:hover, button:focus, .button:hover, .button:focus {
      background-color: #333 !important;
    }
  }

  /* iPads (portrait and landscape) ----------- */
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
      width: 100%;
    }

  }

  @media only screen and (min-width: 768px) 
  { 
    #navbar-menu{
      display: block;
    }

     #navbar-menu .big-menu{
      display: block;
    }
  }