.hero {
  background:white;
  color:black;
  display:block;
  background-image: url("https://cdn.josephtmaher.com/assets/images/saint-peters-at-night.jpg");
  background-size:cover;
  min-height:600px;
}
.hero-section {
  width:calc(100% - 25%);
  min-height:600px;
  display:inline-block;
  padding-top:5%;
  padding-left:12.5%;
  padding-right:12.5%;
  color:white;
  background:rgba(0, 0, 0, 0.5);
  text-align:center;
}
.hero-title {
  margin-top:-25px;
  padding-top:20px;
  margin-bottom:10px;
  font-size:40px;
  display:block;
}
.hero-subtitle {
  margin-top:15px;
  font-size:30px;
  padding:10px;
  display:block;
}
.hero-text {
  margin-top:15px;
  font-size:18px;
  padding:10px;
  display:block;
  line-height:2;
}
.hero-cta {
  margin-top:50px;
  margin-bottom:30px;
  padding:15px 10px;
  border-radius:25px;
  border:none;
  background:white;
  font-size:17px;
  cursor:pointer;
}
.section1 {
  background:white;
    padding: 10px 0 10px 0;
    display:block;
}
.section2 {
    background:rgba(173, 216, 230, 0.5);
    padding: 10px 0 10px 0;
    display:block;
}
.search-heading {
  display:block;
  font-size:30px;
  text-align:center;
  margin-bottom:10px;
}
.search-subheading {
  display:block;
  font-size:20px;
  text-align:center;
}
.form-inner-container {
  margin:20px 0 20px 0;
}
#query {
  border-top-left-radius:40px;
  border-bottom-left-radius:40px;
  padding:17px;
  font-size:20px;
  background:white;
  color:#708090;
  width:35%;
  min-width:250px;
  border-left:2px solid #708090;
  border-top:2px solid #708090;
  border-bottom:2px solid #708090;
  border-right:none;
}
#main-submit {
  border-radius:25px;
  border:none;
  padding:10px 30px 10px 30px;
  font-size:20px;
  background:#001f4d;
  color:white;
  cursor:pointer;
  display:block;
  margin:0 auto;
}
.advanced-filters {
  border-top-right-radius:40px;
  border-bottom-right-radius:40px;
  padding:17px;
  font-size:20px;
  background:white;
  color:#708090;
  border:2px solid #708090;
  margin-left:-5px;
  cursor:pointer;
  position:relative;
  width:210px;
}
.advanced-filters-active {
  border-top-right-radius:40px;
  padding:17px;
  font-size:20px;
  background:white;
  color:#708090;
  border-right:2px solid #708090;
  border-top:2px solid #708090;
  border-left:2px solid #708090;
  border-bottom:none;
  margin-left:-5px;
  cursor:pointer;
  position:relative;
  width:210px;
}
.advanced-filters-box {
  display:none;
  border-top:none;
  text-align:left;
  background:white;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  padding:10px;
  width:186px;
  position:absolute;
  margin-left:-5px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3), 0 12px 40px 0 rgba(0, 0, 0, 0.25);
  border-bottom:2px solid #708090;
  border-left:2px solid #708090;
  border-right:2px solid #708090;
}
.advanced-filters-box button {
  padding:10px 0 10px 0;
  background:white;
  border:none;
  font-size:16px;
  display:block;
}
.advanced-filters-box label {
  margin-left:4px;
}
.advanced-filters-box label:hover {
  cursor:pointer;
}
.large-section-button {
  height:auto;
  min-height:60px;
  width:auto;
  font-size:25px;
  color:white;
  background:#001f4d;
  margin-top:40px;
  border:none;
  border-radius:16px;
  cursor:pointer;
  padding-right:10px;
  padding-left:10px;
}
.monthly-devotional {
  height:auto;
  background:white;
  text-align:center;
  padding:10px;
  height:auto;
}
.md-photo-text {
  color:slategray;
  font-size:13px;
}
@media only screen and (max-width: 1100px) {
  .hero-section h1, .hero-section h2, .hero-section p {
    background: rgba(0, 0, 0, 0.25);
  }
  .hero-section {
    padding-top:50px;
  }
}