washnroll/files/wash-n-roll/internal/scss/layout/_footer.scss

footer {
  border-top: 4rem solid $white;
  background: #5C5B5B;
  color: $white;
  @media (max-width: 768px) {
    border-top-width: 1rem;
  }

  .inside {
    @include make-container();
    width: 100%;
    max-width: 1200px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 70px 0 45px 0;
    font-weight: 300;
    @media (max-width: 1280px) {
      max-width: 1280px;
      padding-left: 40px;
      padding-right: 40px;
    }
    @media (max-width: 768px) {
      padding-left: 20px;
      padding-right: 20px;
    }

    h3 {
      padding-bottom: 1.5rem;
    }

    .mod_navigation {
      width: 50%;
      @media (max-width: 768px) {
        width: 100%;
        padding-bottom: 2.5rem;
      }

      ul {

        li {
          font-size: size(18);
          line-height: size(22);
          padding: 0 0 12px 0;

          a {
            display: inline-block;
            padding: 5px 0;
            font-size: size(16);
            text-decoration: none;
            color: $white;

            &:hover {
              text-decoration: underline;
            }
          }
        }
      }
    }
  }

  .social-media {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    left: 50%;
    bottom: 65px;
    @media (max-width: 768px) {
      position: relative;
      left: auto;
      bottom: auto;
    }

    li {
      padding: 0 1.5rem 0 0;
    }

    a {
      display: block;
      width: 42px;
      height: 42px;
      font-size: 1px;
      line-height: 1px;
      text-indent: -9999px;
    }

    .fb {
      a {
        background: transparent url("../images/logos/sm-logo-facebook.svg") no-repeat left top;
        background-size: 100% auto;
      }
    }

    .ig {
      a {
        background: transparent url("../images/logos/sm-logo-instagram.svg") no-repeat left top;
        background-size: 100% auto;
      }
    }
  }

  //.social-media {
  //  display: flex;
  //  margin: 0 0 10px 0;
  //  padding: 0;
  //
  //  li {
  //    margin: 0 10px;
  //    padding: 0;
  //    list-style-type: none;
  //
  //    a {
  //      font-size: size(26);
  //      line-height: 0;
  //      text-align: center;
  //      width: 36px;
  //      height: 36px;
  //      color: $secondary;
  //      border: 1px solid $secondary;
  //      display: flex;
  //      justify-content: center;
  //      align-items: center;
  //      border-radius: 5px;
  //      transition: 0.2s;
  //
  //      &:hover {
  //        background: $secondary;
  //        color: $white;
  //      }
  //    }
  //  }
  //}
}