body {
  margin: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  color: #333333;
}

p, pre, ol {
  max-width: 50rem;
  margin: 2rem auto 2rem auto;
}

.header-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #e1e7eb;
}

.header-logos img {
  max-height: 60px;
  margin: 0 20px;
  height: auto;
  width: auto;
}

.header-logos div {
  flex: 1;
}
.header-logos :first {
  text-align: left;
}
.header-logos :last {
  text-align: right;
}

.copyright {
    text-align: center;
}

@media (max-width: 600px) {
  .header-logos {
    flex-direction: column;
  }

  .header-logos img {
    margin: 10px 0;
  }
}