/******************************************************************************/
/******************************************************************************/
/***************************** PLAIN PAGE STYLES *************************/
/******************************************************************************/

/* 768px and all */
.page-plain-section h1,
.page-plain-section h2,
.page-plain-section h3,
.page-plain-section h4,
.page-plain-section h5,
.page-plain-section h6 {
  color: #009893;
  margin-bottom: 1.35rem;
}

.page-plain-section h1,
.page-plain-section h2 {
  font-size: 24px;
}

.page-plain-section p,
.page-plain-section li {
  font-size: 14px;
}

.contact-us-section .main-copy h1 {
  font-size: 24px;
  margin-bottom: 1rem;
  color: #009893;
}

.contact-us-section .main-copy p {
  font-size: 16px;
}

.contact-us-section label {
  display: none;
}

.contact-us-section input,
.contact-us-section select,
.contact-us-section textarea {
  font-size: 12px;
  color: #676767;
  border: 1px solid #B5B5B5 !important;
}

.contact-us-section input.hasError,
.contact-us-section select.hasError,
.contact-us-section textarea.hasError {
  border: 1px solid #c00000 !important;
}

.contact-us-section .error,
.contact-us-section .success,
.contact-us-section .error-common {
  display: none;
}

.contact-us-section .success {
  background: #a1dbae;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  color: #175001;
  border: 1px solid #175001;
}

.contact-us-section .error-common {
  background: #EF8282;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  color: #750E0E;
  border: 1px solid #CE5656;
}

.contact-us-section ::-moz-placeholder {
  color: #676767;
  opacity: 1;
}

.contact-us-section :-ms-input-placeholder {
  color: #676767;
}

.contact-us-section ::-ms-input-placeholder {
  color: #676767;
}

.contact-us-section ::placeholder {
  color: #676767;
}

.contact-us-section select {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23009893' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

.contact-us-section textarea {
  height: 20vh;
}

.contact-us-section .characterCount {
  color: #009893;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 30px;
}

/* 767px to 1199px */
@media (min-width: 767px) and (max-width: 1199px) {

}
/* 768px and up */
@media (min-width: 768px) {
  .page-plain-section h1,
  .page-plain-section h2,
  .page-plain-section h3,
  .page-plain-section h4,
  .page-plain-section h5,
  .page-plain-section h6 {
    margin-bottom: 1.35rem;
  }
  .page-plain-section h1,
  .page-plain-section h2 {
    font-size: 30px;
  }

  .page-plain-section p,
  .page-plain-section li {
    font-size: 16px;
  }
  .contact-us-section .main-copy h1 {
    font-size: 24px;
  }

  .contact-us-section .main-copy p {
    font-size: 16px;
  }

  .contact-us-section input, .contact-us-section select, .contact-us-section textarea {
    font-size: 12px;
  }

  .contact-us-section textarea {
    height: 20vh;
  }

  .contact-us-section .characterCount {
    font-size: 12px;
  }

}