_thtrm-footer.scss

.thtrm-footer {
  background-color: #fff;
  text-align: center;

  &--slim {
    .thtrm-footer-text-cta {
      padding-top: 0;
    }
  }
}

.thtrm-footer-text {
  padding: 2em 1.5em;
  background-color: #33414e;

  p {
    line-height: 24px;
    color: #fff;
  }

  a {
    text-decoration: none;
    color: #fff;
  }

  @include tablet {
    padding: 2.5em 4em 1.8em;
  }
}

.thtrm-footer-text-cta {
  color: #384c54;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4em;
  text-align: center;

  @include tablet {
    font-size: 20px;
  }
}

.thtrm-footer-cta {
  color: #384c54;
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid #384c54;
  display: block;
  padding: 0.5em 1em;
  margin-top: 1em;
  font-weight: 600;

  &:hover {
    color: #fff;
    background-color: #384c54;
  }

  @include tablet {
    width: 170px;
    margin: 1em auto 0;
    padding: 0.4em;
  }
}

.thtrm-footer-logo {
  width: 55px;
  margin-bottom: 0.5em;
  margin-top: 0;
}

.thtrm-footer-headline {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

.thtrm-footer-bottom {
  margin-top: 12px;
  font-size: .9em;
  font-weight: normal;

  a:hover {
    color: #fff;
  }
}