#colophon {
  padding: 25px 0;
  background-color: #F9FAFB;
  color: #97A1A9;
}
#colophon > .inner {
  max-width: calc(1200px + 10%);
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}
#colophon p {
  color: #97A1A9;
  margin: 0;
}
#footer-bottom-menu {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #97A1A9;
}

#footer-bottom-menu li:not(:last-child) {
  margin-right: 7px;
}
#footer-bottom-menu li:not(:last-child):after {
  display: inline-block;
  content: '·';
  margin-left: 7px;
}
#footer-bottom-menu li a {
  color: #637381;
}
#footer-bottom-menu li a:hover {
  color: #454F5B;
}

@media (max-width: 500px) {
  #colophon {
    padding: 15px 0;
    font-size: 13px;
  }
}