body{ font-family: 'Open Sans', sans-serif; background:#101011;}
header { padding: 40px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 999; }
header .center { display: flex; justify-content: space-between; align-items: center;}
header .appointment a { display: block; border:1px solid #fff; padding: 10px 30px; font-size: 12px; color: #fff; font-weight: 800; border-radius:60px; }
header .appointment a:hover { border:1px solid #ff8f15; color:#ff8f15; }

.slider { height: 100vh; overflow: hidden; }
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0; background-size: cover; display: flex; align-items: end; text-align: center; }
.slide-content { max-width: 920px; margin-bottom: 160px; }
.slide-content h1 { font-size: 48px; letter-spacing: -0.2rem; line-height: 48px; color: #fff;font-family: 'Josefin Sans', serif; display: inline-block; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.2s;}
.slide-content h1:before { top: -3rem;}
.slide-content p { font-size: 16px; color:#fff; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay:1s;}
video {pointer-events: none;object-fit: cover; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0;}
.scroll{-moz-box-sizing:border-box;box-sizing:border-box;position:relative;width:20px;height:35px;margin-right:1.0625rem;border:2px solid #fff;border-radius:1.5rem}
.scroll:after{content:"";position:absolute;top:5px;left:50%;width:1px;height:7px;margin-left:-.03125rem;background-color:#fff;border-radius:.125rem;will-change:opacity,transform;-webkit-animation:mouseScroll 1.8s ease-in-out infinite;-moz-animation:mouseScroll 1.8s ease-in-out infinite;animation:mouseScroll 1.8s ease-in-out infinite}
.scroll-down{position:absolute;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;bottom:40px;background-color:transparent;border:none;outline:none;color:#cbcfd5;left:0;right:0;margin:auto;justify-content: center;}
.scroll a { display: block; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99;}
@-webkit-keyframes mouseScroll {
0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
25%{opacity:1}
75%{-webkit-transform:translate3d(0,.5625rem,0);transform:translate3d(0,.5625rem,0)}
to{opacity:0;-webkit-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}
}
@-moz-keyframes mouseScroll {
0%{opacity:0;-moz-transform:translateZ(0);transform:translateZ(0)}
25%{opacity:1}
75%{-moz-transform:translate3d(0,.5625rem,0);transform:translate3d(0,.5625rem,0)}
to{opacity:0;-moz-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}
}
@keyframes mouseScroll {
0%{opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}
25%{opacity:1}
75%{-webkit-transform:translate3d(0,.5625rem,0);-moz-transform:translate3d(0,.5625rem,0);transform:translate3d(0,.5625rem,0)}
to{opacity:0;-webkit-transform:translate3d(0,.75rem,0);-moz-transform:translate3d(0,.75rem,0);transform:translate3d(0,.75rem,0)}
}

button.btn { width: 100%; background:none; }

.about .center { max-width: 960px; }
.about p { font-size: 18px; color: #fff; line-height: 28px; }

.contact .center { max-width: 960px; }


.col-2.gap-40.p-1-40.p-3-40:nth-child(even) .image:nth-child(1) {grid-column-start: 2;  grid-row-end: 1;}

label { font-size: 14px; text-align: left; color: #888;}

.thankyou { display: flex; align-items:flex-end; width: 100%; height: 40vh; }

@media only screen and (max-width:960px) {
	h2 { font-size: 24px; }
	.dyk { text-align: center; }
	.dyk h2:before { width: 100%; text-align: center; }
	.logo { max-width: 120px; }
	.slide-content h1 { font-size: 28px; line-height: 30px; }
	.col-2.gap-40.p-1-40.p-3-40:nth-child(even) .image:nth-child(1) {grid-column-start: 1; grid-row-end: 1;}
}