/* ================= PAGE BANNER ================= */
.page-banner{
  height:65vh;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  background-size:cover;
  background-position:center;
}

.gallery-banner{
  background:
  url('../images/banner.jpg');

  background-size:cover;
  background-position:center;
}

.banner-content{
  position:relative;
  z-index:2;
  max-width:700px;
  padding:0 10px;
}

.banner-content span{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:4px;
  font-weight:800;
}

.banner-content h1{
  font-size:5rem;
  color:#c9a46c;
  margin:25px;
  font-family:'Playfair Display',serif;
}

.banner-content p{
  color:#f3f3f3;
  font-size:1.1rem;
  line-height:1.8;
}

@media(max-width:1024px){

  .page-banner{
    height:55vh;
  }

  .banner-content h1{
    font-size:4rem;
  }

}

@media(max-width:768px){

  .page-banner{
    height:50vh;
  }

  .banner-content h1{
    font-size:3rem;
  }

  .banner-content p{
    font-size:1rem;
  }

}

@media(max-width:480px){

  .page-banner{
    height:45vh;
    padding:0 5%;
    background: linear-gradient(rgba(0,0,0,0.5))
    , url(../images/banner.jpg);
    background-position: center;
    background-size: cover;
  }

  .banner-content h1{
    font-size:2.3rem;
    margin-bottom: 3rem;
  }

}