/* ///////////////// NAV AND LOGO ADJUSTMENT ///////////////// */

@media (min-width: 1006px) {
  #topNav.topHead {
    height: 120px; /*adjusts nav header height on page load > 1006px */
  }
  .logo img {
    height: 100px !important; /*sets logo height > 1006px */
  }
  header#topNav div.nav-main-collapse {
    margin-top: 36px;  /* sets nav margin-top on page load > 1006px */
  }
}

@media (max-width: 1006px) and (min-width: 600px) {
  #topNav.topHead {
    height: 85px !important;  /*adjusts nav header height on page load < 1006px */
  }
  .logo img {
    height: 80px !important; /*sets logo height < 1006px */
  }
  header#topNav div.nav-main-collapse {
    margin-top: 18px !important;  /* sets nav margin-top on page load < 1006px */
  }
}

@media (max-width: 600px) {
  .logo img {
    height: 40px !important; /*sets logo height < 600px mobile */
  }
}

/* ///////////////// END NAVE LOGO ADJUSTMENT ///////////////// */

/* 

You will need to adjust the assets/js/scripts.js file next -

Line 238 - sets the smaller nav height when you scroll down.

jQuery('#topNav').stop().animate({ 'height':'100px'},400);

--

Line 239 - sets nav margin-top when you scroll down.

jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'26px'},400);

--

Line 252 - sets the smaller nav height when you scroll to top.

jQuery('#topNav').stop().animate({ 'height':'120px'},400);

--

Line 253- sets nav margin-top when you scroll to top.

jQuery('header#topNav div.nav-main-collapse').stop().animate({ 'margin-top':'36px'},400);

*/