.small-1 {
    position: relative;
    width: 8.33333% !important;
  }

  .small-2 {
    position: relative;
    width: 14.66667% !important;
  }

  .small-3 {
    position: relative;
    width: 22% !important;
  }

  .small-4 {
    position: relative;
    width: 26% !important;
  }

  .small-5 {
    position: relative;
    width: 41.66667% !important;
  }

  .small-6 {
    position: relative;
    width: 47% !important;
  }

  .small-7 {
    position: relative;
    width: 58.33333% !important;
  }

  .small-8 {
    position: relative;
    width: 64% !important;
  }

  .small-9 {
    position: relative;
    width: 73% !important;
  }

  .small-10 {
    position: relative;
    width: 82.33333% !important;
  }

  .small-11 {
    position: relative;
    width: 91.66667% !important;
  }

  .small-12 {
    position: relative;
    width: 100% !important;
  }

  .large-1 {
    position: relative;
    width: 8.33333% !important;
  }

  .large-2 {
    position: relative;
    width: 12.66667% !important;
  }

  .large-3 {
    position: relative;
    width: 22% !important;
  }

  .large-4 {
    position: relative;
    width: 31% !important;
  }

  .large-5 {
    position: relative;
    width: 38% !important;
  }

  .large-6 {
    position: relative;
    width: 47% !important;
  }

  .large-7 {
    position: relative;
    width: 57% !important;
  }

  .large-8 {
    position: relative;
    width: 64% !important;
  }

  .large-9 {
    position: relative;
    width: 73% !important;
  }

  .large-10 {
    position: relative;
    width: 82.33333% !important;
  }

  .large-11 {
    position: relative;
    width: 91.66667% !important;
  }

  .large-12 {
    position: relative;
    width: 97.5% !important;
  }

  .top-bar {
    background: transparent !important; 
  }

.top-bar-section ul > li a:not(.button) {
padding: 0 30px;
line-height: 45px;
background: #111111;
}