.contact {
  .contact-form {
    background: white;
    padding: 50px;

      @include breakpoint (small down) {
        background: none;
        padding: 0;
      }
    }

    a {
      color: $gray;
      text-decoration: underline;

      &:focus {
        outline: none;
      }

      &:hover {
        color: black;
      }
    }

   .cf-bg {
     background-image: url(../../dist/images/cf_bg.png);
     background-position: right;
     background-repeat: no-repeat;
     background-size: contain;

     @include breakpoint (medium down) {
       background: none;
       padding: 20px;
     }
   }

  h2 {
    margin-bottom: 50px;
    text-align: center;
  }

  .wpcf7 {
    margin-top: 50px!important;

    @include breakpoint (msmall down) {
        margin-top: 10px;
    }
  }

  textarea[rows] {
    height: 150px;
  }
}
