.bbr .met {
	background-color: #006995;
}
.bbr .bop {
	background-color: #63947d;
}
.bbr .hop {
	background-color: #7681b1;
}
.bbr .hts {
	background-color: #00a9b7;
}
.bbr .hot {
	background-color: #5d1e79;
}
.bbr .tsb {
	background-color: #c1001f;
}


.scroll-wrapper {
    width:inherit;
}
.bbr-group ul {
    padding:0;
    margin:0;
    list-style-type:none;
    list-style-image:none;
}
.bbr-group {
    min-width:300px;
    vertical-align:top;
    display:inline-block;
    font-size:1.2em;
    margin-top:1em;
}
.bbr-group:first-of-type {
    margin-right:1.5em;
}
.bbr-type {
    color: #9e2330;
    background-color: #eee;
    height:100%;
    min-height:3em;
    vertical-align:middle;
    font-weight:bold;
    font-size:1.3em;
    padding-top:.75em;
    padding-left:1em;
    position:relative;
}
.bbr-group ul li { 
    list-style-type:none;
    list-style-image:none;
    vertical-align:middle;
    min-height:75px;
    padding:.75em 1em;
    height:100%;
    color:white !important;
}
img.bbr {
    display:inline;
    float:right;
    padding-right:.5em;
    padding-left:1em;
    height:50px;
}
.bbr li a {
    color: #fff;
    font-weight:bold;
    font-size:1.3em;
}
.logo_new { 
    float:right;
    width:60px;
    margin-right:1em;
}
.jb-logo {
    margin-top:2em;
    width:50%;
    max-width:350px;
}
@media screen and (max-width: 800px) {
    .bbr-group {
        width: 100%;
    }
}