.natours-footer{
  background-color: $natours-color-gray-dark-3;
  padding: 10rem 0;
  font-size: 1.4rem;

  @include respond(tab-port){
    padding: 8rem 0;
  }

  &__logo-box{
    text-align: center;
    margin-bottom: 8rem;

    @include respond(tab-port){
      margin-bottom: 6rem ;
    }
  }

  &__logo{
    width: 15rem;
    height: auto;

  }

  &__navigation{
    border-top: 1px solid $natours-color-gray-dark;
    padding-top: 2rem;
    display: inline-block;

    @include respond(tab-port){
      width: 100%;
      text-align: center;
    }
  }

  &__list{
    list-style: none;
  }

  &__item{
    display: inline-block;

    &:not(:last-child){
      margin-right: 1.5rem;
    }
  }





  &__link{
    &:link, &:visited{
      color: $natours-color-gray-light-1;
      text-decoration: none;
      text-transform: uppercase;
      display: inline-block;
      background-color: $natours-color-gray-dark-3;
      transition: all .2s;
    }

    &:hover, &:active{
      color: $natours-color-primary;
      box-shadow: 0 1rem 2rem rgba($natours-color-black, .4);
      transform: rotate(5deg) scale(1.3);
    }
  }

  &__copyright {
    border-top: 1px solid $natours-color-gray-dark;
    padding-top: 2rem;
    color: $natours-color-gray-light-1;
    width: 80%;
    float: right;

    @include respond(tab-port){
      width: 100%;
      text-align: right;
      float: none;
    }

    &--classic{
      text-align: center;
      color: $natours-color-gray-light-1;

    }
  }



}