.banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  margin: auto;
}
.banner .title-wrapper {
  position: relative;
  z-index: 99;
  padding-top: 100px;
}
.banner  .page-center {
  height: 250px;
}

.banner  h1.title {
  font-family: futura-pt;
  font-size: 62px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0em;
  text-transform: uppercase;
  line-height: 1.25em;
  color: #fff;
  text-align:center;
  margin: 0;
}
.banner .banner-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.15);
}
/* @media only screen and (max-width: 1257px){
  .banner  .page-center {
    /* padding-right: 24px;
    padding-left: 24px;
  }
} */
@media only screen and (max-width: 640px){
  .banner  .page-center {
    max-height: 150px;
  }
  
  .banner .title-wrapper {
    padding-top: 50px;
  }
}

@media(max-width:385px){
  .banner h1.title {
    font-size: 48px;
  }
}