.logo-header-container{
  background-image: url("/static/img/library.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;

}

.wrpi-logo-header img {
  height: 120px;
  padding: 10px 20px;
  -webkit-filter: drop-shadow(1px 1px 0 white)
                  drop-shadow(-1px 1px 0 white)
                  drop-shadow(1px -1px 0 white)
                  drop-shadow(-1px -1px 0 white);
  filter: drop-shadow(1px 1px 0 white)
          drop-shadow(-1px 1px 0 white)
          drop-shadow(1px -1px 0 white)
          drop-shadow(-1px -1px 0 white);

}

.wrpi-social-bar img {
  filter: invert(100%);
  height: 22px;
}

.wrpi-footer {
  background: #333;
  padding-top: 10px;
}

.wrpi-footer small, .wrpi-footer p {
  color: #fff;
  line-height: 80%;
}

#wrap {
  min-height: calc(100% - 55px);
}

#main {
  overflow: auto;
}

html, body {
  height: 100%;
}

.wrpi-footer {
  position: relative;
  min-height: 55px;
  clear: both;
  padding-top: 10px;
}