.wrapper {
  background-color: purple;
  /* background-color: #254172; */
}

.content {
  color: #fff;
  text-align: justify;
}

.content a {
  color: #fff;
  font-weight: bold;
}

.content-container {
  flex-grow: 1; /* See comment above .main in menu.css */
  padding: 48px;
}

.content-image-container {
  text-align: center;
}

.content-image {
  max-width: 100%;
}

.footer {
  align-items: center;
  background-color: #111;
  color: #fff;
  display: flex;
  height: 30px;
}

.footer-content {
  padding-left: 10px;
}

.footer-content>a {
  color: #fff;
}

@media (max-width: 480px) {
  .content-container {
    padding: 24px;
    margin-top: 32px;
  }
}