@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Exo+2:300,700i,800i');

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font: 16px Roboto, sans-serif;
  color: #555;
}

.bg-image {
  background: url(../img/bg-image.jpg) center/cover no-repeat fixed;
}

h1 {
  font: italic 700 2.6875rem/2.6875rem "Exo 2", sans-serif;
  color: #fff;
}

@media(max-width: 767px) {
    h1 {
        font-size: 22px !important;
    }
}
h2 {
  font: italic bold 1.375rem/1.375rem "Exo 2", sans-serif;
}

input, textarea {
  background-color: #f9f9f9 !important;
  border-color: #ebebeb !important;
  outline: none !important;
  line-height: 1.05rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

input:focus, textarea:focus {
  border-color: #80bdff !important;
}

::-webkit-input-placeholder {
   font: 0.8125rem Roboto, sans-serif;
}

:-moz-placeholder {
   font: 0.8125rem Roboto, sans-serif;
}

::-moz-placeholder {
   font: 0.8125rem Roboto, sans-serif;
}

:-ms-input-placeholder {
   font: 0.8125rem Roboto, sans-serif;
}

button {
  font: italic bold 1.375rem/1.375rem "Exo 2", sans-serif;
  cursor: pointer;
}


/* recaptcha */
.g-recaptcha > div {
  width: 100% !important;
}
.g-recaptcha iframe {
  width: 302px !important;
}
