@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');


.navbar-brand img {max-width: 170px;}
h2 {font-weight: normal;}
.header .navbar-default.navbar .navbar-nav .nav-item .nav-link {font-weight: 400; font-size: 14px;}


.hero h1 {font-family: 'Playfair Display', serif; font-size: 3.625rem;}
.hero h2 {font-size: 24px; font-weight: 300;}

.bg-dark {background-color: #d25660 !important;}
.bg-c2 {background-color: #f1d0cb !important;}
.bg-btn {background-color: #373f4c !important; border-color: #373f4c;}
.text-c1 {color: #5e2830;}

.font-c1 {font-family: 'Playfair Display', serif;}
.logo-cs {max-width: 100%;}
.navbar-nav ion-icon {font-size: 20px;}
.header-collapse {background-color: #373f4c !important; }
.footer-logo {max-width: 150px;}
.footer-social {font-size: 13px;}
.footer-social ion-icon {font-size: 24px; padding: 5px;}
.copy {font-size: 12px;}

.content-page p {font-size: 18px;}

.img-zoom {overflow: hidden; height: 320px;}

#videoBG {
	    position: absolute; z-index: -1; left: 0; top: 0; width:100%; height: auto;
}

.hero-video-wrapper {overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%; max-height: 90vh;}

@media only screen and (max-width: 1700px) {

#videoBG {
        position: absolute; z-index: -1; left: 0; top: 0; width:auto; height: 100%;
}

}



@media only screen and (max-width: 600px) {
.hero h1 {font-size: 2.625rem;}
#videoBG {
	width: auto;
    height: 75%;
    margin-left: -200px;
}
.hero-video-wrapper {overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;}

.hero h2 {font-size: 18px;}

}