/*increases top and bottom margin to center */
#nav {
  background-color: #fff !important;
  padding: 15px;
}


/* Sticky Navigation */
.sticky {
  position: relative;
  z-index: 1;
  top: 0;
}

@media (max-width: 768px) {
    img.logo {
        display: block;
        margin: 0 auto;
    }

    i.fa.fa-bars {
        display: block;
        margin: 0 auto;
    }
    
    a.ubermenu-responsive-toggle {
        float: none;
    }
    
}

/* Adds margin to top of menu, centers with logo */
.ubermenu-main {margin-top:10px !important;}

/*Smallest screen (mobile, 290px and 399)*/
@media (min-width: 290px) {
  /*Font Size of Hamburger Menu Symbol */
  i.fa.fa-bars {
    font-size: 28px !important;
  }
}


/*Mobile screen (mobile, 340px and up)*/
@media (min-width: 340px) {
  /*Font Size of Hamburger Menu Symbol */
  i.fa.fa-bars {
    font-size: 30px !important;
    /*center margin for Hamburger Menu */
    margin-top: 12px !important;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Font Size of Nav Menu for links in nav menu to stay in 1 line*/
  nav {
    font-size: 14px!important;
  }
    
  .sticky {
      position: sticky;
      z-index: 1;
      top: 0;
}

}


/* Medium devices (desktops, 968px and up) */
@media (min-width: 968px) {
  /*Font Size of Nav Menu */
  nav {
    	font-size: 11px!important;

    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/*Font Size of Nav Menu */
  nav {
  	font-size:15px!important;
  }


}