body>footer {
  margin-top: auto;
  background: #262626;
}
body>footer a:visited, body>footer a:link {
  color: #bababa;
}
body>footer a, body>div.label a{
  color: #bababa;
  text-decoration: none;
}
body>footer a:hover, body>div.label a:hover{
  color: #919191;
}
body>footer  div.wrapper {
  background: #262626;
  color: #dddddd;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
body>footer div.wrapper>* {
  flex-basis: calc( (100% / 3) -  (2 * 2em ));
  padding: 1em;
}
body>footer div.who_we_are{

}
body>footer div.who_we_are img{
  width: 80%;
}
body>footer div.who_we_are p{
  color: #919191;
}
body>footer div.related_sites{

}
body>footer div.related_sites ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body>footer div.related_sites ul li{
  padding: 0.5em 0em;
  border-bottom: 1px solid #484848;
}
body>footer div.related_sites ul li a{

}
body>footer div.related_sites ul li a::before{
  content: ">";
  font-size: small;
  margin-right: 0.5em;
}
body>footer div.related_sites ul li a:hover{

}
body>footer div.social ul{
  display: flex;
  flex-flow: row;
  padding: 0;
  justify-content: space-evenly;
}
body>footer div.social ul>*{
  list-style: none;
  margin: 0em 0.5em;
}
body>footer div.social ul li img{
  height: 2em;
}
div.label{
  background: #111111;
  color: #919191;
  padding: 1em;
  display: flex;
  justify-content: space-between;
}

@media all and (max-width: 800px) {
  div.wrapper {
    min-width: 0px;
  }

  body>footer  div.wrapper {
    flex-flow: column;
  }

  div.label {
    flex-flow: column;
  }
  div.label>*:not(:first-child){
    margin-top: 1em;
  }

}