/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
.col-left h2 {
  color: #1b2e5f;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0; }
.col-left .contact-info .heading {
  font-style: italic; }
.col-left .contact-info p {
  padding-left: 20px; }

.col-right {
  background: #905191;
  padding: 40px 15px; }
  .col-right a {
    color: #1b2e5f; }
    .col-right a:hover {
      color: #89AD6C; }
  .col-right .error, .col-right .errorSummary {
    border-color: transparent !important; }
  .col-right form input:not([type="submit"]), .col-right form textarea, .col-right form select, .col-right form .errorSummary {
    background-color: #FFFFFF !important; }
  .col-right form .errorMessage {
    color: #FFCCCC; }
  .col-right form label {
    color: #FFFFFF !important; }
    .col-right form label.italic {
      font-style: italic; }
  .col-right form span.required {
    color: #FFCCCC; }
  .col-right form .hint {
    color: #F1F1F1; }
  .col-right form .btn,
  .col-right form input[type='submit'],
  .col-right form input[type='reset'],
  .col-right form button {
    background-color: #1b2e5f;
    border-color: #1b2e5f; }
  .col-right form .col-right-r {
    margin-bottom: 20px; }
    .col-right form .col-right-r input[type="text"], .col-right form .col-right-r select, .col-right form .col-right-r textarea {
      box-sizing: border-box;
      width: 100%; }
    .col-right form .col-right-r.btn-c {
      margin-bottom: 0; }
    .col-right form .col-right-r.captcha input[type="text"], .col-right form .col-right-r.captcha select, .col-right form .col-right-r.captcha textarea {
      width: calc(100% - 125px);
      margin-top: 0;
      height: 50px;
      vertical-align: top; }
    .col-right form .col-right-r.captcha img {
      cursor: pointer; }

@media (min-width: 350px) {
  .col-right {
    padding: 50px 30px; } }
@media (min-width: 680px) {
  .main .shell .article {
    width: 100%;
    margin: 0 0%; }

  .col-left {
    float: left;
    margin-right: -100%;
    width: 30.77%;
    margin-bottom: 0; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 56.73%;
    margin-left: 34.62%;
    padding: 60px 40px; }
    .col-right .col-right-l {
      margin-top: 7px; } }
@media (min-width: 960px) {
  .main .shell .article {
    width: 100%;
    margin: 0 0%; }

  .col-left {
    float: left;
    margin-right: -100%;
    width: 22.11%;
    margin-bottom: 0; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 65.38%;
    margin-left: 25.96%; }
    .col-right .col-right-l {
      float: left;
      margin-right: -100%;
      width: 22.11%;
      text-align: right;
      margin-top: 7px; }
    .col-right .col-right-r {
      float: left;
      margin-right: -100%;
      width: 65.38%;
      margin-left: 25.96%; } }

/*# sourceMappingURL=contact.css.map */