#site-name {
 margin: 9px 0px 5px 0px;
 padding: 0;
 font-size: 46px;
 line-height: 100%;
 letter-spacing: 0px;
}

#header #site-name a {
 margin: 9px 0px 5px 0px;
 padding: 0;
 line-height: 100%;
 text-decoration:none;
 font-weight: bold; 
 letter-spacing: -1px;
 text-shadow: 0px 1px 0px #FFF;
}

#header #site-slogan { margin: 0; padding: 0; font-size: 20px; line-height: 110%px; letter-spacing: -1px; }

#logo { float: left; padding: 0 20px 0 0; }

#navigation {
 z-index:99;
}

#navigation ul.menu li {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media only screen and (min-width: 960px) {

#navigation {
 width: 97.4% !important;
 }
 

}


@media only screen and (min-width: 992px) {

#navigation ul li {
  font-size: 1.0em !important;
}


 #navigation ul li a {
    padding: 15px 25.3px; !important;
}

}


@media only screen and (min-width: 960px) and (max-width: 991px) {

#navigation ul li {
  font-size: 1.05em !important;
}

  
#navigation ul li a {
    padding: 15px 26.8px; !important;
}

}

@media only screen and (min-width: 769px) and (max-width: 959px) {

#navigation {
 width: 745px !important;
}

#navigation ul li {
  font-size: 1.05em !important;
}

 #navigation ul li a {
    padding: 10px 16.2px; !important;
}

}


@media only screen and (max-width: 768px) {

#navigation {
 width: 97% !important;
 margin:0 auto;
}


}

@media only screen and (max-width: 480px) {

#site-name {
 margin: 13px 0 6px 0;
 padding: 0;
 font-size: 29px;
 }
 
#header #site-slogan {
 font-size: 16px;
 letter-spacing: 0px;
 line-height: 110%;
 }
 }