body {
     background: #f5f5f5;
     padding: 30px 0;
}
.page-wrap {
     max-width: 860px;
     margin: 0 auto;
}
.hero-box {
     background: #337ab7;
     color: #fff;
     padding: 25px 30px;
     border-radius: 4px 4px 0 0;
}
.hero-box h1 {
     margin: 10px 0 8px;
     font-size: 28px;
}
.hero-box p {
     margin: 0;
     opacity: 0.95;
}
.site-logo {
     max-height: 90px;
     width: auto;
     margin: 0 auto 15px auto;
}
.form-panel {
     background: #fff;
     border: 1px solid #ddd;
     border-top: 0;
     border-radius: 0 0 4px 4px;
     padding: 30px;
     box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.help-box {
     background: #f9f9f9;
     border: 1px solid #eee;
     border-radius: 4px;
     padding: 15px;
     margin-bottom: 25px;
}
textarea.form-control {
     min-height: 180px;
     resize: vertical;
}
.btn-primary {
     min-width: 170px;
}
.hp-field {
     position: absolute;
     left: -9999px;
     top: -9999px;
}
.footer-note {
     margin-top: 20px;
     color: #777;
     font-size: 12px;
}
.selected-files {
     display: none;
     margin-top: 10px;
     padding: 12px;
     background: #f9f9f9;
     border: 1px solid #ddd;
     border-radius: 4px;
}
.selected-files strong {
     display: block;
     margin-bottom: 8px;
}
.selected-files ul {
     margin: 0;
     padding-left: 20px;
}
.selected-files li {
     margin-bottom: 4px;
     word-break: break-word;
}
@media (min-width: 768px) {
     .site-logo {
          margin: 0;
          max-height: 80px;
     }
}
@media (max-width: 767px) {
    .hero-box,
    .form-panel {
          padding: 20px;
    }
    .hero-box {
          text-align: center;
    }
    .hero-box h1 {
          margin-top: 15px;
    }
    .text-right-sm {
          text-align: left;
          margin-top: 15px;
    }
}