header{width:100vw;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;height:100vh;min-height:480px;width:100%;#logo-box{text-align:end;transform:translate(-2.5rem);h1{color:#fff;text-shadow:-2px -2px 0px black,0px 0px 20px black;font-weight:600;&:first-of-type{font-size:10rem}&:last-of-type{font-size:5rem;transform:translate(4rem,-3rem)}}}#tag-line{color:#fff;font-size:1.5rem;margin-top:.75rem;text-shadow:0px 0px 10px black,0px 0px 10px black,0px 0px 5px black;text-align:center;padding:0 2rem}nav{display:flex;justify-content:center;align-items:center;flex-flow:row wrap;gap:1rem;transform:translateY(-2rem);padding:0 3rem}}@media screen and (max-width:550px){header{#logo-box{h1{&:first-of-type{font-size:8rem}}}}}@media screen and (max-width:440px){header{#logo-box{margin-bottom:3rem;h1{&:first-of-type{font-size:5rem}&:last-of-type{font-size:3rem;transform:translate(4rem,-1rem)}}}}}@media screen and (max-width:370px){header{#tag-line{margin-top:.25rem}}}#treatmentStatement{max-width:80%;margin-left:auto;margin-right:auto;text-align:center;color:#fff;font-size:2rem;font-weight:600;text-shadow:0px 0px 10px black,0px 0px 10px black,0px 0px 10px black;margin-top:5rem}.treatmentMap{padding:5rem 0;position:relative;overflow:hidden;min-height:115rem;.treatmentMapBox{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;p{padding:1rem 2rem;background:radial-gradient(#fff,#cfcfcf);border:1.5px solid rgb(175,175,175);box-shadow:0 0 10px 2px #000;border-radius:25px;display:inline-block;width:fit-content;text-align:center;&:first-of-type{font-size:1.75rem}&:last-of-type{margin-top:.5rem;font-size:1.25rem;font-weight:500}}}.consultation{top:6rem;left:50%;transform:translate(-50%)}.consistentTreatments{top:40rem;left:50%;transform:translate(-50%)}.gradualReduction{top:73rem;left:50%;transform:translate(-50%)}.longTermResults{top:104rem;left:50%;transform:translate(-50%)}.arrow{position:absolute;width:400px;height:400px;svg{width:400px;height:400px}}.arrowCurveBox{top:25rem;left:50%;transform:rotate(45deg) translate(-60%)}.arrowDownBox{top:50rem;left:50%;transform:translate(-60%)}.arrowWaveBox{top:80rem;left:50%;transform:translate(-70%) rotate(45deg)}}.listContainer{display:flex;justify-content:center;align-items:center;margin-bottom:5rem;min-height:500px}.locatedContainer{display:flex;justify-content:center;align-items:center;margin-bottom:5rem;.locatedTextBox{background:radial-gradient(#fff,#cfcfcf);border:2px solid rgb(175,175,175);box-shadow:0 0 10px 2px #000;border-radius:15px;width:75%;max-width:60rem;height:fit-content;padding:2rem;position:relative}.officeImg{width:100%;height:100%;max-width:30rem;max-height:20rem;border-radius:10px;border:2px solid black;position:absolute;top:3rem;right:3rem}a{&:link,&:visited{transition:ease-in-out .2s;font-size:1.25rem}&:hover,&:focus{color:var(--pink)}}.map{width:100%;height:100%;max-width:20rem;max-height:20rem;display:block;margin-top:1rem;border-radius:15px;border:2px solid black;box-shadow:0 0 4px #000}p{&:nth-of-type(1){font-size:2.5rem;font-weight:600}&:nth-of-type(2){font-size:1.75rem;margin-top:2rem}&:nth-of-type(3){font-size:1.25rem;margin-bottom:2rem}}}@media screen and (max-width:1010px){.treatmentMap{min-height:135rem;.arrowCurveBox{top:26rem}.arrowDownBox{top:58rem}.treatmentMapBox.gradualReduction{top:80rem}.arrowWaveBox{top:90rem}.treatmentMapBox.longTermResults{top:113rem}}}@media screen and (max-width:915px){.locatedContainer{.officeImg{position:static;margin-bottom:2rem;max-height:15rem;max-width:20rem}a{display:block}}}@media screen and (max-width:400px){.treatmentMap{min-height:135rem;.arrowCurveBox{top:29rem;transform:rotate(45deg) translate(-70%) scale(.75)}.treatmentMapBox.consistentTreatments{top:38rem}.arrowDownBox{top:55rem}.treatmentMapBox.gradualReduction{top:78rem}.arrowWaveBox{top:89rem;transform:translate(-60%) rotate(45deg) scale(.8)}.treatmentMapBox.longTermResults{top:112rem}}}@media screen and (max-width:916px){.listContainer{display:block;min-height:fit-content}}.card{margin:2rem 0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;div{background:radial-gradient(#fff,#cfcfcf);width:20rem;height:20rem;margin:.25rem;border-radius:15px;border:4px solid black;overflow:hidden;box-shadow:0 0 10px #000;display:flex;justify-content:center;align-items:center;p{text-align:center;padding:0 3rem;font-size:2rem;font-weight:800}&:last-of-type{p{font-weight:400;font-size:1.5rem}}}}@media screen and (max-width:365px){.card{div{p{font-size:1.5rem}&:last-of-type{p{font-size:1rem}}}}}.container{position:relative;display:flex;justify-content:center;align-items:center;p.item,.title{padding:1rem 4rem;background:radial-gradient(#fff,#cfcfcf);border:2px solid rgb(175,175,175);border-radius:15px;box-shadow:0 0 10px 2px #000;white-space:nowrap}.title{z-index:5;position:relative;overflow:hidden;padding:0;p{font-size:1.5rem;font-weight:600;padding:1rem 2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;max-width:20ch;text-align:center}.titleTimer{height:.25rem;background-color:var(--pink);margin-top:auto;transform-origin:left}}.item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:600;z-index:4;transition:border-color ease-in-out .4s,box-shadow ease-in-out .4s,background ease-in-out .4s,font-size ease-in-out .4s,padding ease-in-out .4s}.item.active{z-index:10;font-weight:800;box-shadow:0 0 10px 4px var(--pink);background:radial-gradient(#fff,#fff0f5);border:2px solid var(--pink);font-size:1.5rem}}@media screen and (max-width:916px){.container{flex-direction:column;flex-wrap:nowrap;gap:1rem;padding:3rem 1rem;min-height:auto;align-items:center;justify-content:flex-start}.title{position:relative;margin-bottom:1rem;width:100%;max-width:450px;display:block}.container .title p{display:block;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;overflow:visible;font-size:1.75rem;font-weight:800;max-width:100%;padding:1.25rem;text-align:center!important;white-space:normal;margin:0}.item{position:static;top:unset;left:unset;transform:none!important;display:block;width:100%;max-width:450px;text-align:center;padding:1rem 2rem;font-size:.95rem;box-sizing:border-box}.item.active{font-weight:800;font-size:1.05rem;padding:1.1rem 2.2rem}}
