#footer_logo {
    filter: brightness(0) invert(1) saturate(0);
    height: 6em;
    width: 10em;
}
#about-img {
    filter: grayscale(100%);
}
#about-img:hover {
    filter:grayscale(0);
    transition: 0.2s ease-in-out;
}
.parallax {
  background-image: url("/static/images/landscape.jpg");
  background-size: cover;
}

@media screen and (max-width:786px) {
.parallax{
    background-image: url("/static/images/sullen_days.jpg");background-size:contain;background-position-y:3em;height:25em;width:95%;margin:0 auto 2em}
.about-tab .tab-bg{padding:0 auto}
#about-img {
    height:34.3em;
}
#footer_logo {
    height: 5em;
    width: 10em;
    position: relative;
}
}