footer {
  border-top: 4rem solid #fff;
  background: #5C5B5B;
  color: #fff;

  .inside {
    @include make-container();
    max-width: 1280px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 70px 0 45px 0;
    font-weight: 300;

    h3 {
      font-size: size(24);
      line-height: size(29);
      padding-bottom: 1.5rem;
      font-family: 'Lato', sans-serif;
    }
    .mod_navigation {
      width: 50%;

      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: #fff;
            &:hover {
              text-decoration: underline;
            }
          }
        }
      }
    }
  }
  .social-media {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    left: 50%;
    bottom: 65px;
    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: #fff;
  //      }
  //    }
  //  }
  //}
}
