body {
  background-image: url(../images/bg.jpg);
  background-size: cover;
  color: white; }

.main {
  text-align: center; }

.main .form-group {
  margin: 0 auto; }

.header {
  padding-top: 5em;
  padding-bottom: 4em; }

form {
  padding-top: 2em; }

.form-group, .form-control.form-input, .form-control.form-button {
  width: 100%; }

h1, h2 {
  font-family: Karla, sans-serif;
  font-weight: 700; }

h1 {
  font-size: 4em; }

h2 {
  font-size: 1.5em; }

p {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em; }

.form-group input {
  text-align: center;
  margin-top: 1em; }

.form-group input::placeholder {
  color: #AFAFAF; }

.form-button {
  color: white;
  background-color: #2879D9;
  border-color: #2879D9; }
  .form-button:hover {
    cursor: pointer; }

@media (min-width: 767px) {
  .header {
    padding-top: 6em; }

  h1 {
    font-size: 5em;
    margin-bottom: 0.3em; }

  h2 {
    font-size: 2em; }

  .main .form-group {
    display: block; }

  .form-input {
    width: 150%; }

  .form-control.form-input {
    display: block; } }
@media (min-width: 1199px) {
  .header {
    padding-top: 13em; }

  h1 {
    font-size: 7em; }

  h2 {
    font-size: 2.6em; }

  p {
    font-size: 1.4em; } }

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