#hero{
  height: 100vh;
}

#hero .content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  
}

.hero-bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: url(img/hero-bg.jpg);
  background-size: cover;
  background-position: center;
}

.hero-title{
  margin-bottom: 60px;
  font-family: 'Sedgwick Ave', cursive;
  
}

#hero .form-container{
  width: calc(100% - 1rem);
  background:  rgba(255, 255, 255, 0.747);
  padding: 3rem 2rem 3rem;
}

#hero .form-container .form-control{
  float: left;
  margin: 0 .25rem .5rem;
  width: calc(100% - .5rem);
}

#hero .form-container input[type=text],
#hero .form-container select
{
  width: 100%;
  height: 60px;
  text-indent: 1rem;
}

.btn-primary{
  width: calc(100% - 1rem);
  margin: 0 .5rem .5rem;
  background-image: linear-gradient(to right bottom, #f6bf49, #f8b540, #faaa38, #fb9f31, #fd932c, #fd8c28, #fe8525, #fe7e22, #fd7a1c, #fd7616, #fc710e, #fb6d05);
  border: none;
}

.search-icon{
  fill: white; 
}

.btn-primary:hover svg.search-icon{
  fill: #ccc;
}