/**
 * Website - Contact - Stylesheet
 */

div#contact {
  display: inline-block;
  min-width: 500px;
}

/* Message */

div#message {
  display: none;
  position: relative;
  width: 100%;
  color: #fff;
}

div#message div {
  display: none;
  padding: 5px 10px;
  margin: 0 0 16px 0;
}

div#message.success div#success { display: block; }
div#message.error   div#error   { display: block; }

div#message.success { background-color: #009000; }
div#message.error   { background-color: #980000; }

/* Mobile */

@media screen and (max-width: 1024px) {

  div#contact {
    min-width: unset;
  }

  header {
    height: 72px;
  }
}