/* Navbar stuff */
  .navbar-brand {
    letter-spacing: 3px;
    color: #ffffff;
  }

  .navbar-brand:hover {
    color: #caf585;
  }

  .navbar-scroll .nav-link,
  .navbar-scroll .fa-bars {
    color: #ffffff;
  }

  .navbar-scrolled .nav-link,
  .navbar-scrolled .fa-bars {
    color: #7f4722;
  }

  .navbar-scrolled {
    background-color: #ffede7;
  }


  .dropdown-menu{
    background-color: black;
    border: 1px solid #995c8d;
  }
  .divider{
    border: 1px dashed #995c8d;
  } 
  .dropdown-item:visited {
    color: white;    
  } 
  .dropdown-item:hover{
    color: #995c8d;    
  } 
  .dropdown-item:link {
    color: white;    
  }   
  .dropdown-item:hover{
    color: #995c8d;    
  } 
  .dropdown-item:active{
    color: #995c8d;    
  }   

  @media (min-width: 260px) {
    .modal-dialog {
        min-width: 240px;            
    }
  } 

  .modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(3px) grayscale(100%);
    -moz-filter: blur(4px) grayscale(100%);
    -o-filter: blur(4px) grayscale(100%);
    -ms-filter: blur(4px) grayscale(100%);
    filter: blur(4px) grayscale(100%);
  }

  a:link {
    color: #995c8d;
    background-color: transparent;
    text-decoration: none;
  }
  
  a:visited {
    color: #995c8de1;
    background-color: transparent;
    text-decoration: none;
  }
  
  a:hover {
    color: #875c99;
    background-color: transparent;
    text-decoration: underline;
  }
  
  a:active {
    color: #5c9968;
    background-color: transparent;
    text-decoration: underline;
  }

  .modal-footer {
    justify-content: flex-start;
 }

 .myButton {
   background-color: #995c8d; 
   color: white
  } 

  .wrapper {
    column-count: 1;
    column-gap: 50px;
    padding: 50px;
  }    
   
  .img-wrapper {
    float: left;
    width: 400px;    
    shape-margin:20px;
    margin-right: 20px;
    margin-bottom: 20px;
  }

  img:hover {
    opacity: 0.5;
  }