@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
body {
  background: #FFFFFF;
  font-family: "Montserrat", "Helvetica", sans-serif; }
  body * {
    font-family: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.container {
  width: 600px;
  margin: auto;
  padding: 30px; }

.header {
  text-align: center;
  margin-top: 50px; }
  .header .logo {
    position: relative;
    width: 150px;
    margin: 30px auto; }
    .header .logo img {
      width: 100%; }
    .header .logo:before {
      position: absolute;
      top: -10px;
      right: -10px;
      width: 50px;
      height: 50px;
      display: block;
      content: "1";
      background: #DA552F;
      border-radius: 25px;
      line-height: 50px;
      color: #fff;
      font-size: 30px;
      font-weight: bold; }
  .header h1, .header h2, .header h3 {
    color: #333;
    margin: 5px 0; }
    .header h1 .highlight, .header h2 .highlight, .header h3 .highlight {
      color: #DA552F; }
  .header h2, .header h3 {
    color: #4d4d4d;
    font-weight: normal; }
  .header h2 {
    font-size: 18px; }
  .header h3 {
    font-size: 12px; }

.form {
  margin-top: 30px;
  text-align: center; }
  .form input {
    border: 0;
    font-size: 14px;
    padding: 7px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 3px;
    -webkit-appearance: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    color: #333; }
    .form input:focus {
      outline: 0;
      border-color: #DA552F; }
    .form input.valid {
      border-color: #54AB7D; }
    .form input[type="submit"] {
      font-weight: bold;
      padding: 7px 14px;
      border: 2px solid #DA552F;
      background: #da552f;
      color: #fff;
      text-decoration: none;
      cursor: pointer; }
      .form input[type="submit"][disabled="disabled"] {
        background: #ddd;
        border-color: #ddd; }
      .form input[type="submit"]:hover:not([disabled="disabled"]) {
        border-color: #b8330d;
        -webkit-box-shadow: 0px 0px 8px #da552f;
        box-shadow: 0px 0px 8px #da552f; }
  .form .success-message, .form .error-message {
    color: #333;
    font-size: 14px;
    opacity: 0; }

.footer {
  text-align: center;
  color: #333;
  font-size: 12px; }
  .footer a {
    color: #1a1a1a; }
  .footer .social {
    margin: 10px 0 20px 0; }

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
    padding: 0; }
  .form input {
    display: block;
    width: 100%; } }