﻿
.centered{margin:0 auto;max-width:1200px;}
header{background:#9f9428;}
header.fixed{position:fixed;height:100px;top:0;left:0;width:100%;z-index:1001;box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px;}
header.small .logo img{-moz-transition:width 0.1s ease-out;-o-transition:width 0.1s ease-out;-webkit-transition:width 0.1s ease-out;transition:width 0.1s ease-out;}
header.small nav a{-moz-transition:padding 0.1s ease-out;-o-transition:padding 0.1s ease-out;-webkit-transition:padding 0.1s ease-out;transition:padding 0.1s ease-out;padding-top:25px;padding-bottom:25px;}
header nav{float:right;}
header nav a{font-size:16px;display:block;text-align:center;padding:25px 15px;color:#fff;-moz-transition:background 0.1s ease-out;-o-transition:background 0.1s ease-out;-webkit-transition:background 0.1s ease-out;transition:background 0.1s ease-out;}
header nav a:hover, header nav a.hover,header nav a:focus,header nav a:active{background:#4c580c;color:#fff;text-decoration:none;}
header nav li{position:relative;display:inline-block;float:left;list-style:none;padding:0;margin:0;min-width:75px;}
header nav ul{padding:0;margin:0;line-height:50px;}
header .menuIconHolder{display:none;}
header .logo{display:inline-block;float:left;}
header .logo img{-moz-transition:width 0.1s ease-out;-o-transition:width 0.1s ease-out;-webkit-transition:width 0.1s ease-out;transition:width 0.1s ease-out;}
@media only screen and (max-width:1240px){.centered{padding-left:20px;padding-right:20px;}
.header .centered{padding:0;}
.header .centered .logo{padding-left:20px;}
}
@media only screen and (max-width:1060px){header nav a{padding:25px 13px;}
}
@media only screen and (max-width:981px){header nav a{padding:25px 9px;}
}
@media only screen and (max-width:877px){.header .centered .menuIconHolder{display:inline-block;background:#78712d;text-align:center;width:45px;float:right;margin:5px;margin-top:25px;}
.header .centered .menuIconHolder:hover{cursor:pointer;}
.header .centered .menuIconHolder a{width:100%;display:inline-block;font-size:1.125em;padding:15px 0;line-height:1.125em;color:#fff;text-decoration:none;}
.header .centered .menuIconHolder a img{vertical-align:middle;margin-top:-4px;padding-right:4px;}
.header .centered .logo{text-align:center;width:100%;padding:0px 0px;padding-left:0;width:250px;float:left;}
.header .centered .menu{max-height:0;overflow:hidden;-moz-transition:max-height 0.5s;-o-transition:max-height 0.5s;-webkit-transition:max-height 0.5s;transition:max-height 0.5s;float:none;clear:left;text-align:center;width:100%;}
.header .centered .menu.menuOpen{max-height:1000px;-moz-transition:max-height 0.5s;-o-transition:max-height 0.5s;-webkit-transition:max-height 0.5s;transition:max-height 0.5s;}
.header .centered .menu ul li{display:block;width:100%;background:#2e2e2e;border-top:#4d4d4d 1px solid;}
.header nav li:first-child{border:none;}
.header nav li{border:none;}
.header .centered .menu ul li a{color:#fff;padding:0px 0;width:100%;display:inline-block;}
.header .centered .menu ul li a:hover{color:#78712d;}
.header .logo img{margin-top:0px;}
}
@media only screen and (max-width:500px){.header{height:60px!important;}
.header .logo img{width:250px;}
.header .centered .menuIconHolder{float:right;margin-top:5px;}
}