/* jura-300 - latin */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/jura-v16-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/jura-v16-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Reset */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/jura-v16-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/jura-v16-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

html{font-family:'Jura', Arial, sans-serif;font-weight:300;font-size:10px;line-height:1.3;scroll-behavior:smooth;text-align:center;}
body{font-size:2.2rem;color:#000;background:#fff;min-width:320px;padding:0;text-align:center;}
a{color:#707070;text-decoration:underline;}
a:hover{text-decoration:none;opacity:.8;}
a:focus{outline:none;}
a span{padding-left:16px;display:inline-block;}
p{margin-bottom:40px;}
li p{margin-bottom:0;}
strong{font-weight:600;}
.taLeft{text-align:left;}

h1,h2{font-size:6rem;margin:0 0 60px;padding:0;font-weight:300;color:#BABABA;}
h3{font-size:4rem;margin:0 0 20px;padding:0;font-weight:300;color:#BABABA;}
h3:first-of-type{margin-top:-14px;}
ul{margin:0 30px 30px;list-style:square;}
li{margin:0;padding:2px 10px;}
img{display:inline-block;}
.responsive{width:100%;height:auto;display:inline-block;}
.price{white-space:nowrap;font-weight:600;}

#logo{position:absolute;top:0;left:calc(50% - 200px);width:400px;background:#fff;padding:24px;border-radius:0 0 16px 16px;z-index:999;}
#video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;}
#down{position:absolute;bottom:0;left:calc(50% - 70px);width:140px;background:#fff;padding:24px 48px 16px;border-radius:16px 16px 0 0;z-index:999;}
.section{float:left;position:relative;width:100%;margin:0;padding:0;}
	.banner{background-size:cover;background-position:center center;height:30vh;min-height:400px;}
	.inner{width:100%;position:relative;max-width:1444px;padding:80px 40px;margin:0 auto;}
	#first{margin-top:100vh;background:#fff;}

.homeImage{text-align: center;margin-bottom: 80px;}
.homeImage img{max-width:900px;width:100%;height:auto;display:inline-block;}

#grid{float:left;width:100%;margin-bottom:80px;}
.card{float:left;width:calc(33.3333333% - 60px);padding:24px 24px 8px;background:#CBCBCB;margin:30px;border-radius:24px;}
	.card h3{color:#000;}
	.card p{margin-bottom:16px;}

.cols{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
	.twoCol img{border-radius:24px;}
	.twoCol{width:calc(50% - 30px);text-align:left;margin-bottom:80px;}

#appointment{display:inline-block;padding:24px;color:#fff;text-decoration:none;background:#108F83;font-size:4rem;border-radius:16px;margin:20px 0 80px;}
#maps{display:inline-block;padding:16px;color:#000;text-decoration:none;background:#CBCBCB;font-size:2rem;border-radius:16px;}

#copy{background:#2F3A40;color:#fff;font-size:1.4rem;padding:8px 40px;margin-top:-4px;}
#copy a{text-decoration:none;color:#fff;}

@media only screen and (max-width:1222px){
.card{width:calc(50% - 60px);}
}

@media only screen and (max-width:777px){
.card{width:100%;margin:30px 0;}
.twoCol{width:100%;}
#logo{left:calc(50% - 120px);width:240px;}
}
@media only screen and (max-width:777px){
#video{height:100vw;}
#down{display: none;}
#first{margin-top:100vw;}
}
@media only screen and (max-width:555px){
.inner{padding:40px 40px;}
h1,h2{font-size:4rem;margin:0 0 40px;text-align: left;}
h3{font-size:3rem;margin:0 0 20px;}
}