html {
  height:100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:Merriweather;
  font-weight:700;
  color: black;
}
body {
  height:100%;
  min-height:35rem;
  position:relative;
  font-family:'Source Sans Pro';
  font-weight:300
}
.overlay {
  position:absolute;
  height:100%;
  min-height:35rem;
  width:100%;
  background-color: #3d4044b5;
  opacity:.75;
  z-index:-1;
}
@media (min-width:768px) {
  .overlay {
    min-height:0
  }
}
.masthead {
  position:relative;
  overflow:hidden;
  padding-bottom:3rem
}
.masthead .masthead-bg {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  width:100%;
  min-height:35rem;
  height:100%;
  background-color: #ffffff;
}
.masthead .masthead-content h1 {
  font-size:2.5rem
}
.masthead .masthead-content p {
  font-size:1.2rem
}
.masthead .masthead-content p strong {
  font-weight:700
}
.masthead .masthead-content .input-group-newsletter input {
  font-size:1rem;
  padding:1rem
}
.masthead .masthead-content .input-group-newsletter button {
  font-size:.8rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  padding:1rem
}
@media (min-width:768px) {
  .masthead {
    height:100%;
    min-height:0;
    width:30.5rem;
    padding-bottom:0
  }
  .masthead .masthead-bg {
    min-height:0;
  }
  .masthead .masthead-content {
    padding-left:5rem;
    padding-right:5rem
  }
  .masthead .masthead-content h1 {
    font-size:3.5rem;
  }
  .masthead .masthead-content p {
    font-size:1.3rem
  }
}
.social-icons {
  position:absolute;
  margin-bottom:2rem;
  width:100%
}
.social-icons ul {
  margin-top:2rem;
  width:100%;
  text-align:center
}
.social-icons ul>li {
  margin-left:1rem;
  margin-right:1rem;
  display:inline-block
}
.social-icons ul>li>a {
  display:block;
  color:#fff;
  background-color:rgba(0,46,102,.8);
  border-radius:100%;
  font-size:2rem;
  line-height:4rem;
  height:4rem;
  width:4rem
}
@media (min-width:768px) {
  .social-icons {
    margin:0;
    position:absolute;
    right:2.5rem;
    bottom:2rem;
    width:auto
  }
  .social-icons ul {
    margin-top:0;
    width:auto
  }
  .social-icons ul>li {
    display:block;
    margin-left:0;
    margin-right:0;
    margin-bottom:2rem
  }
  .social-icons ul>li:last-child {
    margin-bottom:0
  }
  .social-icons ul>li>a {
    transition:all .2s ease-in-out;
    font-size:2rem;
    line-height:4rem;
    height:4rem;
    width:4rem
  }
  .social-icons ul>li>a:hover {
    background-color:#002e66
  }
}
.btn-secondary {
  background-color:#57c2cd;
  border-color:#159da4;
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color:#379bba !important;
  border-color:#379bba !important;
}
.input {
  font-weight:300!important
}