.container {
    max-width: 960px;
  }
  
  /*
     * Custom translucent site header
     */
  
  .site-header {
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1030;  /* Higher z-index to stay on top */
  }
  
  .site-header a {
    color: #454545;
    transition: ease-in-out color .15s;
  }
  
  .site-header a:hover {
    color: black;
    text-decoration: none;
  }
  
  
  /*
     * Extra utilities
     */
  
  .border-top {
    border-top: 1px solid #e5e5e5;
  }
  
  .border-bottom {
    border-bottom: 1px solid #e5e5e5;
  }
  
  .box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
  }
  
  .flex-equal>* {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
  }
  
  @media (min-width: 768px) {
    .flex-md-equal>* {
      -ms-flex: 1;
      -webkit-box-flex: 1;
      flex: 1;
    }
  }
  
  .overflow-hidden {
    overflow: hidden;
  }