@charset "utf-8";
.selected{background-color:#B51621;color:#FFF;display:inline-block;font-weight:400;padding-left:8px;padding-right:8px;text-align:center;text-decoration:none;width:auto;}
.active{ background-color: #B51621; color: #FFF;font-weight: 400;text-align: center; text-decoration: none; width: auto; }
nav a#pull{display:none;}
nav{font-size: small;position: relative;width: 100%;}
nav a{color:#666;line-height:20px;padding-left:8px;padding-right:8px;text-align:center;text-decoration:none;width:auto;}
nav a:hover,nav a:active{background-color:#B51621;color:#FFF;}
nav li{display:inline;}
nav li a{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
nav li:last-child a{border-right:0;}
nav ul{padding:0;text-align:center;width:auto;margin-top: 0.5em;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.yesTablet{display: none;}
.noDesktop {display: none;}
@media only screen and (max-width:890px){
nav{ font-size: small; }
}
@media only screen and (max-width:890px){
nav{height:auto;}
nav ul{width:95%;display:block;height:auto;}
nav li{width:50%;float:left;position:relative;}
nav a{ text-align: left;}
}
@media only screen and (max-width:900px){
nav{border-bottom:0;}
nav a{line-height:40px;}
nav li{display:block;float:none;width:95%;}
nav{font-size:large;}
nav ul{display:none;height:auto;}
nav a#pull{display:block;background-color:#B51621;position:relative;color:#FFF;margin-right:auto;margin-left:auto;margin-bottom:0.5em;font-weight:lighter;}
nav a#pull:after{content:"";width:1.875em;height:1.875em;display:inline-block;position:absolute;right:25px;top:10px;background-image:url(nav-icon.png);background-repeat:no-repeat;}
nav a:hover, nav a:active{ color: #FFF; background-color: #B51621;}
}
@media only screen and (max-width:400px){
nav li{display:block;float:none;width:95%;}
nav li a{border-bottom:1px solid #999999;}
.selected{border-bottom:1px solid #999999;}
}
@media only screen and (max-width:500px){
#header h1 {font-size: x-large; text-align: center; margin-right: auto; margin-left: auto; font-family: 'florencia_blonflorenciablonde', cursive; color: #000; margin: 0; padding: 0; } 
h1{ text-transform: uppercase; margin-left: 1.5em; margin-bottom: 5px; font-size: medium; }
.noSmartphone{display:none;}
.yesSmartphone{display: block;}
}
@media screen and (max-width:600px) {
#header h1 { font-size: xx-large; }
}
@media screen and (max-width:750px) {
.noTablet{display:none;}
.yesTablet{display: block;}
.noDesktop {display: block;}
}
@media screen and (max-width:800px) {
#header h1 { text-align: center; margin-right: auto; margin-left: auto; font-family: 'florencia_blonflorenciablonde', cursive; color: #000; margin: 0; padding: 0; margin-bottom: -0.25em;}
#index-jb h1{margin-left: 0.5em; font-size:large;}
h4{margin-left: 0.5em; font-size:large;}
}