.nav-button{display:none;}
@media only screen and (min-width:0px) and (max-width:700px){.nav-button{display:block;position:absolute;top:7px;right:7px;width:50px;height:35px;background:url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/menu-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/menu-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/menu-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position:center center;background-repeat:no-repeat;background-size:21px, 100%;cursor:pointer;border:0 none;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 0 4px rgba(0,0,0,.7) inset;border-radius:5px;z-index:999;text-indent:-9999px;}
.nav-button:hover{background-color:rgba(0,0,0,.1);}
.nav-button.open{background:url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/close-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/close-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/close-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position:center center;background-repeat:no-repeat;background-size:21px, 100%;}
body{padding-top:50px;}
.primary-nav{width:100%;float:none;background-color:#EEE;background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));display:block;height:50px;margin:0;padding:0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.6);position:absolute;top:0px;left:0px;z-index:998;clear:both;}
.primary-nav li{display:none;width:100%;font-family:Verdana, Geneva, sans-serif;}
.primary-nav li a{display:block;width:100%;padding:10px 5%;font-size:14px;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,.15);text-transform:uppercase;height:44px;color:#666;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);}
.primary-nav li a:hover{background-color:rgba(0,0,0,.5);border-top-color:transparent;}
.primary-nav > li:first-child{border-top:1px solid rgba(0,0,0,.2);}
.primary-nav.open{height:auto;padding-top:50px;}
.primary-nav.open li{display:block;}
.primary-nav > li:hover > a{background:rgba(0,0,0,.5);border-bottom-color:transparent;color:#FFF;}
.primary-nav li.parent > a:after{content:"▼";color:rgba(255,255,255,.5);float:right;}
.primary-nav li.parent > a:hover{background:rgba(0,0,0,.75);}
.primary-nav li ul{display:none;background:rgba(0,0,0,.5);border-top:0 none;padding:0;}
.primary-nav li ul a{border:0 none;font-size:12px;padding:10px 5%;font-weight:normal;}
.primary-nav li:hover ul{display:block;border-top:0 none;}
}
@media only screen and (min-width:701px) and (max-width:850px){.nav-button{display:block;position:absolute;top:7px;right:7px;width:50px;height:35px;background:url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/menu-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/menu-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/menu-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position:center center;background-repeat:no-repeat;background-size:21px, 100%;cursor:pointer;border:0 none;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 0 4px rgba(0,0,0,.7) inset;border-radius:5px;z-index:999;text-indent:-9999px;}
.nav-button:hover{background-color:rgba(0,0,0,.1);}
.nav-button.open{background:url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/close-icon-large.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/close-icon-large.png'), -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background:url('../images/close-icon-large.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-position:center center;background-repeat:no-repeat;background-size:21px, 100%;}
body{padding-top:50px;}
.primary-nav{width:70px;float:right;background-color:#EEE;background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));display:block;height:50px;margin:0;padding:0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.6);position:absolute;top:0px;right:0px;z-index:998;}
.primary-nav li{display:none;width:100%;font-family:Verdana, Geneva, sans-serif;}
.primary-nav li a{display:block;width:100%;padding:10px 5%;font-size:14px;font-weight:bold;text-shadow:-1px -1px 0 rgba(0,0,0,.15);text-transform:uppercase;height:44px;color:#666;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);}
.primary-nav > li:hover > a{background:rgba(0,0,0,.5);border-bottom-color:transparent;color:#FFF;}
.primary-nav > li:first-child{border-top:1px solid rgba(0,0,0,.2);}
.primary-nav.open{height:auto;padding-top:50px;width:250px;}
.primary-nav.open li{display:block;}
.primary-nav > li:hover > a{background:rgba(0,0,0,.5);border-bottom-color:transparent;}
.primary-nav li.parent > a:after{content:"▼";color:rgba(255,255,255,.5);float:right;}
.primary-nav li.parent > a:hover{background:rgba(0,0,0,.75);}
.primary-nav li ul{display:none;background:rgba(0,0,0,.5);border-top:0 none;padding:0;}
.primary-nav li ul a{border:0 none;font-size:12px;padding:10px 5%;font-weight:normal;}
.primary-nav li:hover ul{display:block;border-top:0 none;}
}