/* ==== VIDEO CSS ==== */

.video-section {
      position: relative;
      width: 100%;
      margin:0 0 0px 0;
      padding:0;
      overflow: hidden;
      transition-duration: .4s;
}

.video-section video {
    position: absolute;
  	width:100%;
    top: 0;
    left: 0;
}

.video-section .overlay {
  background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: 4;
  	width:100%;
    text-align: center;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#jd-show-logo {
	display:flex;
	flex-direction: row;
	justify-content: center;
}

#pavilion-logo {
    padding-right: 1rem;
    border-right: 1px solid #fff;
    margin-right: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

#show-logo {
	margin-top: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}



/* ==== VIDEO SCREEN SIZE CHANGES ==== */

@media screen and (max-width: 6000px) {
	.video-section {
      height: 700px;
	}
  	.video-section .overlay {
      height: 700px;
    }
}

@media screen and (max-width: 1180px) {
	.video-section {
      height: 550px;
	}
  .video-section .overlay {
      height: 550px;
    }
}

@media screen and (max-width: 875px) {
	.video-section {
      height: 400px;
	}
  .video-section video {
  	width:220%;
    top: 0;
    left: -20%;
  }
  .video-section .overlay {
      height: 450px;
    }
  #show-logo {
	margin-top: 5px;
  }
	.text-center h1 {
      font-size: 3rem !important;
    }
}


/* ==== IMG CSS ==== */



.img-fluid {
    max-width: 100%;
    height: auto;
}

/* === LAYOUT ==== */



.text-center {
    text-align: center!important;
}

.text-center h1 {
    color: #fff;
    font-size: 7rem;
    letter-spacing: -.2rem;
    font-family: JDSansPro-BookItalic,'Helvetica Neue',Helvetica,Arial;
    margin-top: .5rem;
    line-height: 1em;
}

.text-center .subhead {
    color: #fdda01;
    font-size: 3rem;
    font-family: JDSansPro-BookItalic,'Helvetica Neue',Helvetica,Arial;
  	text-transform: uppercase;
    margin-top: .4rem;
  	line-height: 1em;
}

.bolditalic {
  font-family: JDSansPro-SemiboldItalic,'Helvetica Neue',Helvetica,Arial;
}

.sup {
    position: relative;
    font-size: 40%;
    line-height: 0;
    vertical-align: baseline;
    top: -1.04em;
    left: 0.2em;
}

@media screen and (max-width: 875px) {
  .text-center h1 {
      font-size: 3rem;
      margin-top: .3rem;
	}

	.text-center .subhead {
      font-size: 1.4rem;
      margin-top: .3rem;
	}
}