.contact-form
  padding-top: 40px
  padding-bottom: 40px
  width: 50%
  .form-element
    .error-message
      padding-left: 160px
      display: none
      color: #fd9f96
      +font-bold()
      font-size: 16px !important
      line-height: 22px !important
      &.active
        display: block
.thanks
  display: block
  min-height: 300px
  &.inactive
    display: none
  h1
    +header-font()
    font-size: 41px !important
    line-height: 60px !important
    color: $yellowish
    text-shadow: 3px 3px rgba(0,0,0,0.15)
    text-align: center
  p
    color: $yellowish
    +font-default()
    font-size: 16px !important
    line-height: 21px !important
    text-align: center

+media-query(550px)
  .contact-container
    .contact-form
      width: 100%