#header-home {
    background-color: #121a9c;
    background-image: url('./assets/img/CB_Header.png');
    background-position: center;
    background-size: cover;
    max-height: 500px;
    margin-top: -16px;
}
@media (max-width: 479px) {
    #header-home {
    max-height: 300px; 
    }
}
.header-text {
    justify-content: center;
    text-align: center;
}
.header-text h1 {
    color: #fff !important;
    font-size: 66px;
}
.social {
    background-color: #121a9c;
    width: 100%;
    padding: 25px 20px 0px 20px;
    text-align: center;
}
.bi-block-padding {
    padding-bottom: 25px;
}
.rsvp {
    background-color: #fff;
    color: #121a9c;
    text-align: center;
    padding: 20px;
}
.rsvp p {
    font-size: 13px;
}
.click {
    font-size: 18px;
    padding: 15px;
}
.cta {
    padding: 10px 20px 20px 20px;
    text-align: center;
}

.cta .survey-button {
    margin: 10px;
}
.footer-top{
    background-color: #0098ce;
}
.footer-top img{
    width: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#footer-copyright{
    padding-top: 50px;
}
.event {
    width: 100%; 
    text-align: left;
}

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}

@media (max-width: 768px) { 
    .video-container {
        display: none;
    }

}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: rgb(255, 255, 255);
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(10, 10, 107, 0.4);
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}

/* hero video modal */
.modal.in .modal-dialog.videoModal{
    width: 100%;
    margin: 30px auto;
}
@media (min-width: 1024px) {
    .modal.in .modal-dialog.videoModal {
        width: 54vw;
        margin: 30px auto;
    }
}
.modal-body.videoWrapper {
	position: relative !important;
	padding-bottom: 54.25% !important; /* 16:9 */
	padding-top: 25px !important;
	height: 0 !important;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}
@media (max-width: 480px) {
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 90% !important;
    }
}

.wrap.main-section .content .bg {
    padding-top: 0px !important;
}
/* Play Button */
@media (max-width: 769px) {
    .headline {
        margin-top: -150px;
    }
    
    .fa-play-circle {
        margin-top: 100px;
    }
    #smallPlay{
        margin-top: 0px !important;
    }
}

.fa-play-circle:before {
    content: "\f144";
    color: #FFF;
    font-size: 5em;
}

@media (min-width: 1024px) {
    .fa-play-circle:before {
        font-size: 6em;
    }
}

@media (max-width: 480px) {
    #join {
        margin-top: -70px;
    }
}
@media (min-width: 1025px) { 
    #menu-main.navbar-nav.pull-right {
        float: none !important;
        margin-top: 0px;
    }
    .navbar {
        font-size: 14px !important;
    }
}
@media (min-width: 1024px) { 
    .navbar {
        font-size: 11px;
    }
    #menu-main.navbar-nav.pull-right {
        float: right !important;
        margin-top: 25px;
    }
    #heroContainer.header-text h1 {
        font-size: 70px !important;
    }
}
@media (max-width: 1024px) { 
    .navbar {
        font-size: 11px;
    }
}
@media (min-width: 769px) {
     .social {
        min-height: 150px;
    }
    .cta a {
         min-width: 250px;
         margin: 20px;
     }
    .header-text h1 {
        font-size: 66px !important;
        line-height: 60px !important;
    }
    .vertical-align {
        position: relative;
        top: 50%;
        transform: translateY(70%);
    }
    #message {
        padding-top: 15px;
    }
}
@media (max-width: 768px) { 
    #header-home {
        min-height: 250px;
    }
     #footer_social_bar {
        text-align: center;
        margin: 0 auto;
        font-size: 14px !important;
    }
    #copyright-bar {
        padding: 15px 30px;
        margin: 0 auto;
    }
    #footer-copyright {
        padding-top: 0px;
    }
    .header-text h1 {
        font-size: 45px !important;
        line-height: 50px !important;
    }
    .vertical-align {
        position: relative;
        top: 50%;
        transform: translateY(70%);
    }
    #menu-main.navbar-nav.pull-right {
        float: none !important;
        margin-top: 0px;
    }
    .calendar {
        text-align: center;
    }
}
@media (min-width: 480px) {
    .cta .survey-button {
        display: inline-block;
    }
}
@media (max-width: 479px) {
    .header-text {
        padding: 0px 25px;
        margin-top: 10px;
    }
    .vertical-align {
        position: relative;
        top: 50%;
        transform: translateY(70%);
    }
    .header-text h1 {
        font-size: 27px !important;
        line-height: 35px !important;
    }
    .nav > li {
        position: relative;
        display: block;
        text-align: center;
    }
    .fa-play-circle:before {
        font-size: 3.5em;
    }
    
}