.contentFooter {
  display: flex;
  flex: 0 0 auto;
  padding: 20px;
  background-color: var(--pageFooterBackground);
}

@media only screen and (max-width: $breakpointSmall) {
  .contentFooter {
    display: block;

    div {
      margin-top: 10px;

      &:first-child {
        margin-top: 0;
      }
    }
  }
}

@media only screen and (max-width: $breakpointExtraLarge) {
  .contentFooter {
    flex-wrap: wrap;
  }
}