@media (min-width: 768px) {
  .section {
    padding: 90px 0;
  }

  .section-title {
    color: #313131;
    letter-spacing: 1px;
    margin: 0 0 60px;
    text-transform: uppercase;
    text-align: left;
  }
}
/* 
 * 4.0 Navigation
 */
.navbar-custom {
  border: 0; 
  margin: 0;
  padding-top:15px;
  padding-bottom:0px;
  -webkit-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;background-color: rgba(1, 34, 49, 0.05); border-bottom:rgba(255, 255, 255, 0.6) solid 1px;
}
.navbar-custom .navbar-nav li {
  margin: 0;
}
.navbar-custom .navbar-nav > li > a {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
 text-shadow: 1px 1px 1px #000;
}
.navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li:hover  a{
  background-color: transparent;
  border-color: rgba(196, 215, 0, 1);
}
.navbar-custom .navbar-nav > .current > a { color:#0F0;
}
.current{ border-bottom:1px solid #fff;}
.navbar-toggle {
  border: 0;
  border-radius: 0;
  margin-top: 2px;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}


.site-branding {
  float: left;
  margin-top: 0;
  margin-left: 10px;
}
.site-branding .logo {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.site-branding .logo:focus, .site-branding .logo:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .site-branding {
    margin-left: 0;
  }
}



@media (min-width: 992px) {
  .schedule-box {
    margin: 0;
  }

  .grid-item-md-6 {
    width: 50%;
  }

  .grid-item-md-3 {
    width: 25%;
  }
  .navbar-solid { background-color: rgba(1, 34, 49, 0.9);
  padding-top:8px!important; padding-bottom:0px!important;
  -webkit-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;border-bottom:rgba(1, 34, 49, 0.9) solid 1px;
}
.navbar img{ height:69px;  -webkit-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;}
.navbar-solid img{ height:60px; 
   
 -webkit-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;}
.navbar-solid .navbar-nav>li>a{ line-height:38px;transition: all 0.3s linear 0s;}
}
@media (max-width:992px) {
.logo img{ height:45px;}
.nav>li>a{position:relative;display:block;padding:10px 0px}
}
@media (max-width: 1024px) {
.logo img{ height:40px;}
.navbar-custom{ padding:10px 0; background-color: rgba(0, 38, 61, 0.9);}
.site-branding {
  float: left;
  margin-top: 0;
  margin-left: 10px;
}
.navbar-custom{border-bottom:rgba(0, 38, 61, 0.9) solid 1px;}
}