footer {

  position: relative;
  background-color: var(--alto-black);

  #footer_columns {
    font-size: 0;
    padding: 3rem 0;

    .footer_column {
      display: inline-block;
      width: calc(100% / 3 - 2rem / 3);
      font-size: .9rem;
      line-height: 1.1rem;
      vertical-align: top;
      color: var(--alto-white);

      .footer_column-title {
        font-size: 1.2rem;
        line-height: 1.4rem;
        font-family: var(--font-alt);
        font-weight: 600;
        margin-bottom: .5rem;
        display: block;
        color: var(--alto-red);
      }

      ul {

        margin-bottom: 1rem;

        li {
          /* margin-bottom: .15rem; */
          a:not(.button) {
            padding: .35rem 0;
            display: inline-block;
            text-decoration-color: transparent;
            transition: all .2s ease-in;
            color: var(--alto-white);
            i {
              margin-right: .5rem;
            }
          }
          a:not(.button):hover {
            text-decoration-color: var(--alto-white);
          }
          a.button {
            margin-top: .5rem;
          }
        }

      }
      
    }

    .footer_column + .footer_column {
      margin-left: 1rem;
    }
  }

  #credits {
    padding-top: 1rem;
    border-top: 1px solid var(--alto-white);
    font-size: 1rem;
    color: var(--alto-white);
  }

}