body 
 {
    min-height: 100%;
    background-color: #003C47;
    color: whitesmoke;
    font-family: 'Open Sans', sans-serif;
  }
/* change the background color */
.navbar-custom {
  background-color: #156499;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: #ffcc00;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #ffbb00;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: pink;
}

/* for dropdowns only */
.navbar-custom .navbar-nav .dropdown-menu {
  background-color: #ddaa11;
}

/* dropdown item text color */
.navbar-custom .navbar-nav .dropdown-item {
  color: #000000;
}

/* dropdown item hover or focus */
.navbar-custom .navbar-nav .dropdown-item:hover,
.navbar-custom .navbar-nav .dropdown-item:focus {
  color: #eeeeee;
  background-color: red;
}


img {
  width: 100%;
  height: 25%;
}

#Schedule {
  font-family: 'Open Sans', sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#Schedule td, #Schedule th {
  border: 1px solid #ddd;
  padding: 8px;
}

#Schedule tr:nth-child(even){background-color: #003C47;}

#Schedule tr:hover {background-color: #003C47}

#Schedule th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #00A3BF;
  color: white;
}

.bannerimg img {
    width: 100%;
    height: 2.5%;
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
}