.navbar {
  padding-right: 20px;
  padding-left: 200px;
/*  padding-right: 20px;*/
/*  padding-left: 200px;*/
  height:150px;
  position: fixed;
  background-color: #f8f8f8;
  border-bottom-color: #aaf0d1;
  border-width: 4px;
}

.navbar-brand {
  background: url('https://github.com/jhudsl/ottr-website/raw/main/resources/images/basic_otter_water.PNG') center / contain no-repeat;
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0%;
  margin-bottom: 200px;
  margin-top: 40px;
}



/*@media (min-width: 768px)
{
    .navbar-header
    {
        float: none;
    }

    .navbar-toggle
   {
        display: block;
    }

    .navbar-collapse.collapse
    {
        display: none !important;
    }*/



.body {
  margin-top: 150px;
  padding-top: 140px;
  font-family: Verdana;
  font-size: 14px;
  line-height: 20px;
  color: #656566; <----
  background-color: #262528;
  padding-top: 40px;
}


/* add some color - if you want color behind a major point on your website */

.banner_color {
  background-color: #aaf0d1;
  font-weight:bold;

}

.banner_mono {
  background-color: #6fa8dc;
  font-weight:bold;
  color:#ffd966;
  text-align: center;

}

/* Style buttons - if you want some text centered and bolded */

.center {
  font-weight:bold;
  text-align: center;
}

/* Style buttons - if you want to have a button */
.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 8px 20px;
  cursor: pointer;
  font-size: 14px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: black;
    background-color: #aaf0d1;
    border-color: #aaf0d1;
}