nav.top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6 !important;
}

body {
  padding-top: 50px; /* 50px is the height of the top nav */
}

nav.top .container {
  height: 50px;
}

nav.top .left-section, nav.top .right-section {
  max-height: 40px;
}

nav .left-section .logo {
  height: 29px;
}

nav .left-section .compact-logo {
  height: 40px;
}

@media (max-width: 767px) {
  
  nav.top .container {
    padding-right: 5px;
  }

}

@media (min-width: 768px) {

  body {
    padding-top: 56px; /* 56px is the height of the top nav */
  }

  nav.top .container {
    height: 56px;
  }

}

@media (min-width: 1200px) {
  nav.top .left-section {
    max-height: 29px;
  }

  nav.top .container {
    padding-left: 33px;
    padding-right: 20px;
  }
}