@media (min-width: 320px) and (max-width: 420px ) {

      .jcccBrand { padding:20px 15px;}
      .jcccBrand > img { width:150px; height:49px; }
      .bodyText { padding-left: 20px; padding-right: 20px; }
      .navbar-inverse {
            background-color: #201544 !important;
            border-color: transparent;
        }


  }

  @media (min-width: 421px) and (max-width: 767px ) {

      .jcccBrand { padding:20px 15px;}
      .jcccBrand > img { width:150px; height:49px; }
      .bodyText { padding-left: 20px; padding-right: 20px; }
      .navbar-inverse {
            background-color: #201544 !important;
            border-color: transparent;
        }

      

  }

  @media (min-width: 751px) and (max-width: 848px) {

      .navbar-collapse { padding-left: 40px; }

  }

  @media (min-width: 849px) and (max-width: 974px) {

      .navbar-collapse { padding-left: 30px; }

  }

  @media (min-width: 975px) and (max-width: 1182px) {

      .navbar-collapse { padding-left: 50px; }

  }

  @media (min-width: 768px) {
    
    .jcccBrand { padding:10px 100px;}
    .jcccBrand > img { width:250px; height:82px; }
  /*  .nav { margin-left: 100px; } */
   
    

  }


  @media (min-width: 768px) and (max-width: 865px) {

      .navbar-right {  margin-right: 0px !important; }
      .navbar-inverse .navbar-nav > li > a { font-size: 10px !important;  } 
      .navbar-inverse .navbar-nav > li > a { padding: 40px 7px 15px 7px; }
      .navbar-inverse .navbar-nav > li {  padding-right: 20px; padding-left: 20px;}
       .bodyText { padding-left: 20px; padding-right: 20px; }
    

      .share { display: none;}
     

  }

  @media (min-width: 866px) and (max-width: 991px) {

      .navbar-inverse .navbar-nav > li {  padding-right: 20px; padding-left: 20px;}
      .share { display: none;}

  }


   @media (min-width: 866px) and (max-width: 1199px) {

      .navbar-inverse .navbar-nav > li > a { padding: 40px 5px 15px 5px; }
      .navbar-right {  margin-right: 0px; }
      .navbar-inverse .navbar-nav > li > a { font-size: 12px !important;  }
      

  }

  @media (min-width: 992px) {

      .navbar-inverse .navbar-nav > li {  padding-right: 30px; padding-left: 30px;}

  }

  @media (min-width: 1200px) {

  .navbar-inverse .navbar-nav > li > a { padding-top: 40px; padding-bottom:15px; }
  
  .navbar-inverse .navbar-nav > li > a { font-size: 14px !important;  }


}
.site-wrapper {

      background-image: url('../img/Hub_of_HudsonCo_1925.png');
      background-size: cover;

} 

.navbar-default {
    background-color: #201544;
    border-color: #201544;
}
.jumbotron { background-color: #201544; }
  .jcccHeader { min-height: 100px; background-color: #201544;}
  .navbar-inverse .navbar-nav > li > a { color:#c59d26; font-weight: bold;  }
  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color:#1e376d !important;
    font-weight: bold;
    background-color: #fff;

  }
  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff !important;
    background-color: transparent;
}
  #bannerImage { 
    background-image: url("../img/jc.jpg");  
    background-position: 50% 50%;
    background-size: cover;
    height: 400px; 
    position: relative;
  }
  /* .main { background: #fff;  margin-top: 60px; border: 2px solid #b69122; }*/
  .main {  margin-top: 40px;  }

  /* .bodyText { padding: 20px 40px; color:#1e376d; font-weight: bold; font-size: 16px; line-height: 24px;}*/
  .bodyText {  color:#fff; font-weight: 500; font-size: 18px; line-height: 24px; text-align: left;}

    #footer {
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fff;
    padding-bottom: 35px;
}

#footer {     background-color: #333; margin-top: 20px; }

#footer > .container { margin-top: 20px; padding-bottom: 20px;} 

#footer .nav>li>a, #footer .nav>li.active>a {
 
    background: #201544;
    font-size: 14px;
    border-radius: 0;
        color: #c59d26;
    font-weight: bold;
}

#footer .nav>li>a:hover {

    background: #b69122;
    font-size: 14px;
    border-radius: 0px;
    color: #FFF;
    font-weight: bold;


}

#menu-footer-menu > .nav-pills>li>a {
    border-radius: 0px;
}

.share {
    position: fixed;
    right: 0;
    top: 300px;
    z-index: 500;
    list-style: none;
}

.share li {
    font-size: 30px;
    margin: 0;
    width: 50px;
}

.share li a.facebook {
    background-color: #5774b3;
}
.share li a.twitter {
    background-color: #4099FF;
}
.share li a {
 /*   background-color: #aaa; */
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 11px 0;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}


ul.nav > li.active { background-color: transparent; color: #fff !important; }

.join { border: none; color: #fff;}