body{
       background-color:#F8EEE7;
       	margin: auto;
        overflow: scroll;
  }
  
  
  .fakeimg {
      height: 200px;
      background: #aaa;      
  }
  .navbar-custom {
    background-color:#49274A;
  }
  /* change the brand and text color */
  .navbar-custom .navbar-brand,
  .navbar-custom .navbar-text {
      color: rgba(255,255,255,.8);
  }
  /* change the link color */
  .navbar-custom .navbar-nav .nav-link {
      color: rgba(255,255,255,.5);
      cursor:pointer;      
  }
  /* change the color of active or hovered links */
  .navbar-custom .nav-item.active .nav-link,
  .navbar-custom .nav-item:hover .nav-link {
      color: #ffffff;
  }  

  .custom-toggler.navbar-toggler {
      border-color: #94618E;
  }
  .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(148,97,142, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }


  .dropdown-menu, .dropdown-item{
      background-color:#49274A;
  }             
  .dropdown-item{
      color: rgba(255,255,255,.5); 
  }  
  .dropdown .dropdown-menu a:hover
  {
    color: #fff;
    background-color:#49274A;
    border-color: #fff;
  }  
  
  .jumbotron{
   background-color:#94618E;
   color:#F8EEE7;  
  }
  
  h1{
    color: #F8EEE7;
    font-size: 28px;
  }
  h2, h3, h4, h5, h6{
      color: #49274A;    
  }
  

.grape{
   background-color:#94618E;
   color:#F8EEE7;
}
.eggplant{
   background-color:#49274A;
   color:#F8EEE7;
}
.sand{
   background-color:#F4DECB;
}
.shell{
   background-color:#F8EEE7;
}

tr {
   line-height: 16px;
   min-height: 16px;
   height: 16px;
}