#hero{
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding-right: 0px;
  padding-left: 0px;
  background-color: transparent;
  background-image: url("../resources/hero_background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: 0;
  border-bottom: 0;
  padding-top: 200px;
  padding-bottom: 200px;
  box-sizing: border-box !important;
  color: white !important;
}

#hero h1{
  font-family: hind,playfair display,georgia,times new roman,serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box !important;
  color: white !important;
  font-size: 300%;
}

#form{
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 1% 0px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.47), rgba(0, 0, 0, 0.47)), url("../resources/form_background.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-top: 0px;
  border-bottom: 0px;
  box-sizing: border-box !important;
  color: white;
  font-family: hind,playfair display,georgia,times new roman,serif;
}

.error{
  border:3px solid red;
}