:root {
  --bs-border-radius: 1.5rem;
}

body {overflow-x: hidden; font-family: "Source Sans 3", sans-serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; background: #fbf9f3;}
header {padding: 30px 0; border-bottom: 1px solid #f1f1f1;}
.container {width: 95%}
.slider {position: relative;}
.slider:before, .slider:after {content: ""; width: 50%; height: 100%; left:0; top: 0; background: url('/page/banner1.jpg') no-repeat center top; background-size: cover; position: absolute; z-index: -1;}
.slider:before {opacity: 0.5;}
.slider:after {background-image: url('/page/banner2.jpg'); left: auto; right: 0; display: none}
.slider .row {min-height: calc(100vh - 100px);}
.title, .subtitle {font-family: "Love Ya Like A Sister", cursive; font-weight: 400; font-style: normal; line-height: 1;}
.subtitle {text-transform: uppercase;}
.btn {padding: 10px 30px; border-radius: 1.5rem; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #fff;}
.wrapper {padding: 80px 0;}
.parallax {background: url('/page/bg-parallax.jpg') no-repeat top; background-attachment: fixed; background-size: cover; position: relative;}
.parallax:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #000, transparent)}
.parallax > div {position: relative; z-index: 10; min-height: 400px;}
.contact {position: relative;}
.contact:before {content: ""; background: url(/page/contact-us.jpg) no-repeat center; background-size: cover; position: absolute; left: 0; top: 0; width: 40%; height: 100%; z-index: 1; display: none}
.contact > div {position: relative; z-index: 10;}
.form {background: #fbf9f3; padding: 80px 50px; border-radius: 2rem;}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea {border-color: #F1F1F1; border-radius: 1.5rem; padding: 10px 20px;}
.g-recaptcha {transform:scale(0.82); -webkit-transform:scale(0.82);}
.mh-400 {min-height: 400px;}

@media (min-width: 992px) {
  .slider:after {display: block}
  .contact:before {display: block}
  .g-recaptcha { transform:scale(1); -webkit-transform:scale(1); transform-origin:0 0; -webkit-transform-origin:0 0; }
}