/*@import url('foundation.min.css');
@import url('normalize.css');*/

.nav{
  background: #333;
  padding: 10px 0;
  position: relative;
  z-index: 100;
}

#hero{
  background: linear-gradient(rgba(0,0,0,.5), rgba(44, 62, 80,.7)), url('../../images/hero-for-site.jpg');
  height: 485px;
  background-size: cover;
  position: relative;
  background-position: center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  display: flex;
  align-items: center;
}

h1,h2,h3,h4,h5{
  font-family: 'PT Serif', serif;
}

h1{
  border-bottom: 1px solid #404040;
  padding-bottom: 7px;
}

p, li, caption{
  font-family: 'PT Sans', sans-serif;
  font-size: 1.1em;
}

.main{
  margin-bottom: 100px;
}

.main h1{
  margin-top: 1em;
}

.join{
  font-size: 20px;
  color: #fff;
  text-align: center;
    font-size: 40px;
    line-height: 1.35em;
    font-family: "PT Sans", sans-serif;
}


section:not(:first-of-type){
  margin-top: 3em;
}