.jsOff ul#tabs {
	line-height: 1.5;
	margin: 1.125em 0;
}

.jsOn .tab-section {
	display: none;
}

.jsOn ul#tabs {
	background: transparent;
    font-family: tsunamiFont;
	font-size: .8em;
    letter-spacing: -.5px;
	margin: -20px auto -2px;
    max-width: 470px;
    text-align: center;
    text-shadow: -1px 1px 3px #000;
    width: 90%;
}

.jsOn ul#tabs:after {
	clear: both;
	content: '';
	display: table;
}

.jsOn ul#tabs li {
    background: #55a1db;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
}

.jsOn ul#tabs li a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	color: #fff;
	display: inline-block;
    float: left;
    margin: 0;
	padding: 5px 4px;
	text-decoration: none;
}
.jsOn ul#tabs li:first-of-type {
    background: #55a1db;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.jsOn ul#tabs li a:hover {
	background: #88c9f8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.jsOn ul#tabs li a.current {
  background: #ff6d46;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}










@media only screen and (min-width: 602px) {
 
    
.jsOn ul#tabs {
	background: transparent;
    font-family: tsunamiFont;
	font-size: .8em;
    letter-spacing: 0;
	margin: -25px auto -5px;
    max-width: 490px;
    text-align: center;
    width: 80%;
}
.jsOn ul#tabs li {
    background: transparent;
    display: inline-block;
}

.jsOn ul#tabs li a {
    background: #55a1db;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	color: #fff;
	display: block;
    margin: 3px 2px;
	padding: 3px 7px;
	text-decoration: none;
}
.jsOn ul#tabs li:first-of-type {
    background: transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    
    
}