.footer-container {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin: 0;
  display: grid;
  font-size: 14px;
}

.footer {
  display: flex;
  flex-flow: row wrap;
  padding: 20px;
  color: #fff;
}

.footer > * {
  flex: 1 100%;
}

.l-footer {
  /* margin-right: 1.25em;
  margin-bottom: 2em; */
  align-self: center;
  text-align: center;
}

.features > h2 {
  font-weight: bolder;
  font-size: 15px;
  color: rgb(94, 94, 94);
}

.footer ul {
  list-style: none;
  padding-left: 0;
}

.footer li {
  line-height: 2em;
}

.footer a {
  text-decoration: none;
}

.r-footer {
  display: flex;
  flex-flow: row wrap;
}

.r-footer > * {
  flex: 1 50%;
  margin-right: 1.25em;
}

.box a {
  color: #8b8b8b;
}

.h-box {
  column-count: 2;
  column-gap: 1.25em;
}

.b-footer {
  text-align: center;
  color: #8b8b8b;
  border-top: 2px solid #8b8b8b;
  padding-top: 1rem;
}

.footer__img {
  width: 8rem;
  height: 7rem;
  border-bottom: 5px solid gold;
}

@media screen and (min-width: 768px) {
  .r-footer > * {
    flex: 1;
  }

  .features {
    flex-grow: 2;
  }

  .l-footer {
    flex: 1 0px;
  }

  .r-footer {
    flex: 2 0px;
  }

  .footer__img {
    border-bottom: 0;
  }
}