@font-face {
    font-family: 'nexa';
    src: url('nexa.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
html {
  height:100%
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:nexa;
  font-weight:700;
  color: black;
}
body {
  height:100%;
  min-height:35rem;
  position:relative;
  font-family:'nexa';
  font-weight:300
}
.overlay {
  position:absolute;
  height:100%;
  min-height:35rem;
  width:100%;
  background-color: #3d4044b5;
  opacity:.75;
  z-index:-1;
}

.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
}

.social-icons {
  position:absolute;
  margin-bottom:2rem;
  width:100%;
  bottom: 0px;
}
.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:rgb(172, 82, 16); */border-radius:15px;
  font-size:4rem;
  line-height:6rem;
  height:6rem;
  width:40rem;
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(242,97,0,1) 0%, rgba(235,164,31,1) 70%);
  border: #F79035 2px solid;
  text-decoration: none;
}
.btn-secondary {
  background-color:#cd9557;
  border-color:#cd9557
}
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color:#ba7c37!important;
  border-color:#ba7c37!important
}
.input {
  font-weight:300!important
}