/* Image Parallax Section*/

.ParallaxImage {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 125px;
    padding-top: 125px;
}
.ParallaxImage h1{
	text-align:center;
}
.ParallaxImage h2{
	text-align:center;
}
.ParallaxImage h3 {
  font-weight: 700;
  font-size: 46px;
  text-align: center;
  text-transform: uppercase;
  color:#FFF;
}

.bg1 {
  /* background-image: url("../images/parallax1.jpg");*/
  min-height: 220px;
}
.bg2 {
  background-image: url("../images/parallax2.jpg");
}
.bg3 {
  background-image: url("../images/parallax3.jpg");
}
.bg4 {
  background-image: url("../images/parallax4.jpg");
}
.bg5 {
  background-image: url("../images/parallax5.jpg");
}
.bg6 {
  background-image: url("../images/parallax6.jpg");
}
.bg7 {
  background-image: url("../images/parallax7.jpg");
}
.bg8 {
  background-image: url("../images/parallax8.jpg");
}
.bg9 {
  background-image: url("../images/parallax9.jpg");
}
.bg10 {
  background-image: url("../images/parallax10.jpg");
}
.bg11 {
  background-image: url("../images/parallax11.jpg");
}
.bg12 {
  background-image: url("../images/parallax12.jpg");
}
.bg13 {
  background-image: url("../images/parallax13.jpg");
}
.bg14 {
  background-image: url("../images/parallax14.jpg");
}
.bg15 {
  background-image: url("../images/parallax15.jpg");
}
.bg16 {
  background-image: url("../images/parallax16.jpg");
}
.bg17 {
  background-image: url("../images/parallax17.jpg");
}
.bg18 {
  background-image: url("../images/parallax18.jpg");
}
.bg19 {
  background-image: url("../images/parallax19.jpg");
}
.bg20 {
  background-image: url("../images/parallax20.jpg");
}
.bg21 {
  background-image: url("../images/parallax21.jpg");
}
.bg22 {
  background-image: url("../images/parallax22.jpg");
}

/* Content Parallax Section*/
.ParallaxContent {
    background: none repeat scroll 0 0 #008b8b;
    padding: 42px 0;
    color:#FFF;
    position: relative;
}
.ParallaxContent h3{
	color:#FFF;
	text-align:center;
}


/* Video Parallax Section*/
.ParallaxVideo{
	height: 400px;
	padding-bottom: 50px;
    padding-top: 50px;
}
.ParallaxVideo video{
    min-width: 100%;
    position: fixed;
	top:0;
	z-index: -9999;
}
.ParallaxVideo h3 {
    font-family: 'Playfair Display SC', serif;
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

/* General Section*/
.container {
  margin: 0 auto;
  padding:0 12px;
}
.banner-container {
    --img-width: 1920;
    --img-height: 574;
    width:  100vw;
    height: 30vw;
    height: calc(100vw * var(--img-height) / var(--img-width));
    padding: 20 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-1 {
        background-image: url(../images/banner-1.jpg) ;
}
.banner-2 {
        background-image: url(../images/banner-2.jpg) ;
}
.banner-3 {
        background-image: url(../images/banner-3.jpg) ;
}
.banner-4 {
        background-image: url(../images/banner-4.jpg) ;
}
.banner-5 {
        background-image: url(../images/banner-5.jpg) ;
}
.banner-6 {
        background-image: url(../images/banner-6.jpg) ;
}

.gallery-container {
    width: 90%;
    margin: auto;
}

.headlines h2 {
    color: #fff;
    font-family: 'Playfair Display SC', serif;
    font-size: 32px;
    margin: 0;
	text-align: center;
}
.headlines p {
    font-family: 'Be Vietnam';
    font-size: 16px;
    font-weight: 300;
    margin: 0;
	color:#f6f3f3;
	text-align: center;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1024px;
  }
}
@media (max-width: 879px) {

  .container {
    width: 95vw;
  }

  .ParallaxContent {
        padding: 12px 0;
  }
  .ParallaxVideo h3, .ParallaxImage h3 {
    font-size: 36px;
  }
}

