/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.call-to-action {
  background: linear-gradient(rgba($secondary, .6), rgba($secondary, .8)), url("../img/cta-bg.jpg") center center;
  background-size: cover;
  padding:  100px 0;

  @media (min-width: 1365px) {
    background-attachment: fixed;
  }

  h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
  }

  p {
    color: #fff;
  }

  .cta-btn {
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 40px;
    border-radius: 5px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff;
    &:hover {
      background: var(--color-primary);
      border: 2px solid var(--color-primary);
    }
  }
}
