/*
 *
 * Walden
 *
 */
.walden:before, .walden:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none; }

.walden {
  position: relative; }
  .walden img {
    width: 100%;
    z-index: 1; }
  .walden:before {
    z-index: 2; }
  .walden:after {
    z-index: 3; }

.walden {
  -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
          filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); }
  .walden:after {
    background: #04c;
    mix-blend-mode: screen;
    opacity: .3; }