header {
  width: 100%;
  height: auto;
  position: fixed;
  background-color: #f2f2f2;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; 
  z-index: 99999;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  z-index: 8888;
  border-bottom: 1px solid #ededec;
  }
  header img#logo {
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 61px !important;
    margin-top: 5px !important;
}
  header.smaller { padding: 10px 0 10px 0; }
  header.smaller img#logo { width: auto; height: 45px; }
  header.smaller #nav a { padding: 17px 12px 17px 12px; } 
  
  .box-logo { width: 15%; height: auto; float: left; position: relative; }
  .box-menu { width: 85%; height: auto; float: left; position: relative; z-index: 99999999999; }

  
  
/* ==========================================================================
   MEDIA QUERIES 767px
   ========================================================================== */
	@media handheld, only screen and (max-width: 900px) {
	.box-logo { width: 100%; height: auto; float: left; position: relative; }
	.box-menu { width: 100%; height: auto; float: left; position: relative; z-index: 99999999999; }	

	header { padding: 20px 0 20px 0; text-align: center; margin: 0 auto; }
	header.smaller { padding: 15px 0 15px 0; text-align: center; margin: 0 auto; }	
	header img#logo { padding-bottom: 3px; }
	header.smaller img#logo { width: auto; height: 55px; }	  
    header.smaller #nav a { padding: 7px; }	  
	  
	}