.jumbotron.visual-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 14% 50%;
}
@media (min-width: 768px) {
  .jumbotron.visual-section {
    background-position: 40% 50%;
  }
}

#wrapper #main .center-1 {
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  #wrapper #main .center-1 {
    max-width: 96vw;
  }
}

@media only screen and (max-width: 764px) {
  .page.registration-page .page-title,
  .page.password-recovery-page .page-title,
  .page.login-page .page-title {
    border: none;
  }
}
@media only screen and (min-width: 1200px) {
  .page.registration-page .inputs label, .page.password-recovery-page .inputs label {
    width: 375px;
  }
}

@media only screen and (max-width: 760px) {
  .page.password-recovery-page .inputs label {
    text-align: left;
  }
  .page.password-recovery-page .inputs input.email {
    width: 82vw;
  }
}
@media only screen and (max-width: 452px) {
  .page.password-recovery-page .inputs input.email {
    width: 82vw;
  }
}

.page.registration-page .date-of-birth select {
  width: 10.7% !important;
}
@media only screen and (max-width: 1200px) {
  .page.registration-page .inputs label {
    width: 33%;
  }
  .page.registration-page .date-of-birth select {
    width: 126px !important;
  }
}
@media only screen and (max-width: 800px) {
  .page.registration-page .inputs label {
    width: 23%;
  }
}
@media only screen and (max-width: 650px) {
  .page.registration-page .inputs label {
    width: 100%;
  }
  .page.registration-page .inputs label {
    text-align: left;
  }
  .page.registration-page .inputs input[type=text], .page.registration-page .inputs input[type=email], .page.registration-page .inputs input[type=password] {
    width: 95%;
  }
  .page.registration-page .date-of-birth select {
    width: 30% !important;
  }
}
@media only screen and (max-width: 320px) {
  .page.registration-page .inputs input[type=text], .page.registration-page .inputs input[type=email], .page.registration-page .inputs input[type=password] {
    width: 94%;
  }
}

.page.login-page .inputs label {
  text-align: left;
}
.page.login-page .inputs {
  padding: 0 10px;
}
.page.login-page .returning-wrapper input[type=email], .page.login-page .returning-wrapper input[type=password] {
  width: 100%;
}
.page.login-page .returning-wrapper {
  float: unset;
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .page.login-page .returning-wrapper {
    width: 80%;
  }
}