@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#ffffff; font-family:'Rubik', sans-serif; font-size:1.6rem; line-height:1.628571; color:#162631; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:bold; font-family: 'Domine', serif;}
h1{font-size:3.2rem; margin-bottom:50px; color:#265425;}
h2{font-size:2.4rem; margin-bottom:35px; color:#265425;}
h3{font-size:2.2rem; margin-bottom:15px; color:#265425;}
h1.nomargin, h2.nomargin, h3.nomargin{margin:0px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#ff88bb; text-decoration:none;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*youtube*/
.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*backgrounds & colors*/
.bg-white{background:#ffffff;}
.bg-beige{background:#efe9e2;}

/*buttons*/
.button{min-width:200px; height:40px; line-height:40px; display:inline-block; padding:0px 16px; text-align:center; font-size:1.4rem; border-radius:8px; font-weight:bold; text-transform:uppercase; text-decoration:none !important; color:#ffffff;}  
.button.green{background:#265425;}
.button.green:hover{background:#ff88bb;}
.button.beige{background:#b39999;}
.button.beige:hover{background:#265425;}
.button.grey{color:#555555; background:#eae9e9;}
/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto;}

/*forms*/
.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
.form-grid .wide{grid-column-end:span 2;}
.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
.form-grid h2.nomargin,
.form-grid h3.nomargin{margin-top:0px !important;}
.form-grid div{padding:8px 0px;}
.form-grid div.row{border-bottom:1px dotted #eae9e9;}
.form-grid div.noborder{border-bottom:none !important;}
.form-grid div.label{color:#2a2620; font-size:1.4rem;}
.form-grid div.label.white{color:#ffffff; font-size:1.4rem;}
.form-grid div.row label{font-size:1.4rem;}
.form-grid div.row label.red{color:#e2001a;}
.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}

/*input*/
.form-grid div input[type="text"],
.form-grid div input[type="number"],
.form-grid div input[type="date"],
.form-grid div input[type="time"],
.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; font-family:'Rubik', sans-serif; border-radius:8px; border:1px solid #eae9e9;}
.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Ubuntu', sans-serif; color:#555555;}
.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
.form-grid div select option{color:#555555;}
.form-grid div input[type="text"].red,
.form-grid div input[type="number"].red,
.form-grid div input[type="date"].red,
.form-grid div input[type="time"].red,
.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
.form-grid div select.red{border:1px solid #e3051b;}
.form-grid div input[type="text"]:focus,
.form-grid div input[type="number"]:focus,
.form-grid div input[type="date"]:focus,
.form-grid div input[type="time"]:focus,
.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
.form-grid div select:focus{border:1px solid #303030;}
.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Rubik', sans-serif;} 
.form-grid div textarea:focus{border:1px solid #303030;}

/*buttons*/
.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
.form-grid div.submit .button-left input[type=button],
.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Rubik', sans-serif; color:#555555; background-color:#eae9e9; font-size:1.6rem; border-radius:8px; text-decoration:none; float:left; cursor:pointer;}
.form-grid div.submit .button-right input[type=button],
.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Rubik', sans-serif; font-size:1.6rem; border-radius:8px; text-decoration:none; float:right; cursor:pointer;}
.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}

/*select*/
.form-grid .input-wrapper-select{position:relative; border: #eae9e9 1px solid; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.form-grid .input-wrapper-select.red{border:#FF0000 3px solid;}
.form-grid .input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#777376; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.form-grid .input-wrapper-select .selectDefault,
.form-grid .input-wrapper-select .selectDefault2 { padding-left:8px; font-size:15px; font-size:1.5rem; }
.form-grid .input-wrapper-select select { opacity:.65; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101; border:none; padding-left:12px; }
.form-grid .input-wrapper-select select:focus { outline: none; }

/*header*/
header{height:164px; position:absolute; top:0px; z-index:1000;}
header .grid{display:grid; grid-template-columns:160px auto; grid-gap:24px; padding:24px;}
header .logo{}
header .logo a{height:inherit; display:block;}
header .logo a img{height:100%;}
header nav{display:grid; grid-template-rows:32px 40px; grid-gap:20px; position:relative; padding-top:18px;}
header nav ul.main{display:flex; justify-content:right;}
header nav ul.main li a{line-height:40px; color:#162631; margin:0px 24px; padding:24px 0px; text-transform:uppercase; font-weight:bold; font-size:1.4rem; transition:0.6s;}
header nav ul.main li a:last-of-type{margin-right:0px;}
header nav ul.main li a:hover,
header nav ul.main li a.on{color:#265425; text-decoration:underline;}
header nav ul.main li a.appointment{padding:0px; color:#ffffff;}
header nav .sub{ display:flex; justify-content:right;}
header nav .sub ul.subs{display:flex; justify-content:right;}
header nav .sub ul.subs li a{line-height:32px; color:#162631; margin:0px 16px; text-transform:uppercase; font-weight:bold; font-size:1.2rem; transition:0.6s;}
header nav .sub ul.subs li a:hover,
header nav .sub ul.subs li a.on{color:#265425; text-decoration:underline;}
header nav .sub .socials li{float:right; margin:0px 0px 8px 8px;}
header nav .sub .socials li a{width:32px; height:32px; display:block; border-radius:16px; line-height:32px; text-align:center; color:white;}
header nav .sub .socials li a i{color:#ffffff;}
header nav .sub .socials li a.facebook{background:#3b5998;}
header nav .sub .socials li a.instagram{background:#c32aa3;}
header nav .sub .socials li a.twitter{background:#1dcaff;}
header nav .sub .socials li a.youtube{background:#ff0000;}
header nav .sub .socials li a.linkedin{background:#0072b1 ;}
header nav .sub .socials li a.whatsapp{background:#25d366;}
header nav .sub .socials li a.pinterest{background:#e60023;}
header nav .sub .socials li a.messenger{background:#006aff;}
header nav .sub .socials li a.snapchat{background:#fffc00;}
header .appointment{padding-top:35px;}
header .menu{display:none;}

/*sections*/
section{padding:64px 24px;}

section.slider{height:426px; padding:164px 0px 0px 0px;; position:relative;}
section.slider.big{height:868px;}
section.slider .clip{width:100%; height:362px; display:block; position:absolute; top:0; z-index:0; background:#f8f0ed;}
section.slider.big .clip{height:804px;}
section.slider .container{width:100%; height:100%; display:block; position:relative;}
section.slider .slide{position:absolute; top:0; z-index:0; border-radius:24px;}
section.slider .slide img{object-fit:cover; width:100%; height:100%; border-radius:24px;}
section.slider .intro{position:relative; z-index:100;}
section.slider .intro *{color:#ffffff; font-weight:bold; text-align:center;}
section.slider .intro h1{font-size:4.8rem; padding:0px 32px;}
section.slider .intro span{width:100%; display:inline-block; margin:128px 0px;}
section.slider .tagline{position:relative; z-index:100; text-align:center;}
section.slider .tagline h2{font-size:4.8rem; padding:0px 32px; line-height:262px; color:#ffffff;}

section.intro .container{background:#f8f0ed; border-radius:24px; padding:24px;}
section.intro .container .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:24px; padding:24px; background:#ffffff;}
section.intro .container .grid .tagline{grid-column-end:span 2; font-size:1.8rem; font-weight:bold; color:#b39999;}
section.intro .container .grid .breadcrumb{grid-column-end:span 2;}
section.intro .container .grid .breadcrumb ol{width:100%; list-style:none; display:block; margin:0; box-sizing:border-box;}
section.intro .container .grid .breadcrumb ol li{float:left; color:#b39999; margin-right:10px;}
section.intro .container .grid .breadcrumb ol li:last-child{margin-right:0px;}
section.intro .container .grid .breadcrumb ol li a{width:auto; text-decoration:none; font-weight:600; margin-right:10px;}
section.intro .container .grid .breadcrumb ol li:last-child a{margin-right:0px;}
section.intro .container .grid .breadcrumb ol li a span{color:#b39999; font-size:1.4rem; font-weight:600; text-decoration:none; }  
section.intro .container .grid .breadcrumb ol li:last-child a span{color:#b39999; font-weight:600;}
section.intro .container .grid .breadcrumb ol li i{margin-top:3px; font-size:12px; font-size:1.2rem;}
section.intro .container .grid h1,
section.intro .container .grid h2{grid-row-end:span 2; font-size:3.0rem;}
section.intro .container .grid .buttons{margin-top:24px;}
section.intro .container .image{width: 100%; height:auto; border-radius:24px; overflow:hidden;}
section.intro .container .image img{width: 100%; height:100%; object-fit:contain;}


section.principles .container h2{text-align:center; font-size:3.0rem;}
section.principles .container .grid{display:grid; grid-template-columns:repeat(5,1fr); grid-gap:24px;}
section.principles .container .grid .block{background:#ffffff; text-decoration:none !important; border-radius:12px; }
section.principles .container .grid .image{width: 100%; height:auto; border-radius:24px; overflow:hidden;}
section.principles .container .grid .image img{width: 100%; height:100%; object-fit:contain;}
section.principles .container .grid .block .info{padding:12px;}
section.principles .container .grid .block .info h3{font-family:'Rubik', sans-serif; font-size:1.4rem; text-align:center; color:#162631; font-weight:bold; text-transform:uppercase;}
section.principles .container h2{text-align:center; font-size:3.0rem;}

section.references{}
section.references .container{display:grid; grid-template-columns:32px auto 32px; grid-gap:24px;}
section.references .container h2{text-align:center; color:#b39999; font-size:3.0rem; position:relative; grid-column-end:span 3;}
section.references .container h2:before{content:'“'; position:absolute; width:100%; height:auto; text-align:center; top:0; left:0; font-family:'Domine', serif; font-size:14.4rem; line-height:0.8em; z-index:-1; pointer-events:none; color:#f8f0ed;}
section.references .container .quote p,
section.references .container .quote span{width:80%; margin:0px auto; text-align:center;}
section.references .container .quote span{display:block; margin-top:24px; font-family:'Domine', serif; color:#265425; font-size:1.6rem;}
section.references .container .fade{-webkit-animation-name:fade; -webkit-animation-duration:1.5s; animation-name:fade; animation-duration:1.5s;}
@-webkit-keyframes fade{from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
section.references .container a{width:32px; height:32px; background:#b39999; border-radius:16px; line-height:32px; color:#ffffff; text-align:center; cursor:pointer;}
section.references .container a:hover{background:#ff88bb;}

section.treatments{}
section.treatments .container{background:#f8f0ed; border-radius:24px; padding:24px;}
section.treatments .container h2{text-align:center; color:#b39999; font-size:3.0rem;}
section.treatments .container .grid{display:grid; grid-template-columns:repeat(3,1fr); grid-gap:24px;}
section.treatments .container .grid .treat{background:#ffffff; text-decoration:none !important; border-radius:12px; }
section.treatments .container .grid .treat .image{padding-top:56.25%; background-position:bottom center, top center !important; background-repeat:repeat-x,no-repeat !important; background-size:auto, cover !important; border-radius:12px 12px 0px 0px;}
section.treatments .container .grid .treat .info{padding:12px;}
section.treatments .container .grid .treat .info h3{font-family:'Rubik', sans-serif; font-size:1.4rem; text-align:center; color:#162631; font-weight:bold; text-transform:uppercase;}
section.treatments .container .grid .treat .info p{font-size:1.4rem; color:#162631; }
section.treatments .container .grid .treat .info span{display:block; font-size:1.4rem; color:#b39999; font-weight:bold; text-align:center;}

section.blocks .container .grid{display:grid; grid-template-columns:repeat(6, 1fr); grid-gap:96px;}
section.blocks .container .grid .block{grid-column-end:span 6; display:grid; grid-template-columns:1fr 1fr; grid-gap:48px; background:#f8f0ed; border-radius:24px; padding:24px;}
section.blocks .container .grid .block.span-2{grid-column-end:span 2; grid-template-columns:1fr; grid-gap:24px;}
section.blocks .container .grid .block .image{margin-top:-48px;}
section.blocks .container .grid .block .image img{width:100%; border-radius:24px;}
section.blocks .container .grid .block .content .buttons{margin-top:24px;}
section.blocks .container .grid .block.wide .content{grid-column-end:span 2 !important;}
section.blocks .container .grid .block.wide .image{display:none;}

section.maps .container{background:#f8f0ed; border-radius:24px; padding:24px;}
section.maps .container iframe{width:100%;}

/*footer*/
footer{background:#f8f0ed; padding-top:0px; overflow:visible;}
footer .grid{display:grid; grid-template-columns:96px auto 200px; grid-gap:24px; padding:24px 0px;}
footer .grid .logo{margin-top:-48px;}
footer .grid .contact{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:24px; font-weight:bold; font-size:1.4rem;}
footer .grid .contact span{font-weight:normal;}
footer .grid .contact a{color:#265425;}
footer .grid .socials li{float:right; margin:0px 0px 8px 8px;}
footer .grid .socials li a{width:32px; height:32px; display:block; border-radius:16px; line-height:32px; text-align:center; color:white;}
footer .grid .socials li a i{color:#ffffff;}
footer .grid .socials li a.facebook{background:#3b5998;}
footer .grid .socials li a.instagram{background:#c32aa3;}
footer .grid .socials li a.twitter{background:#1dcaff;}
footer .grid .socials li a.youtube{background:#ff0000;}
footer .grid .socials li a.linkedin{background:#0072b1 ;}
footer .grid .socials li a.whatsapp{background:#25d366;}
footer .grid .socials li a.pinterest{background:#e60023;}
footer .grid .socials li a.messenger{background:#006aff;}
footer .grid .socials li a.snapchat{background:#fffc00;}
footer .grid .soc{display:grid; grid-template-columns:1fr;; gap:12px;}
footer .grid .soc .soc-grid{display:grid; grid-template-columns:1fr 1fr 1fr; margin-top:12px; gap:24px;}
footer .grid .soc .soc-grid a{width: 100%; height: 100%;}
footer .grid .soc .soc-grid a img{width: 100%; height: 100%; object-fit:contain;}

footer .copyright{background:#ffffff; height:48px;}
footer .copyright .container{display:grid; grid-template-columns:1fr 1fr;}
footer .copyright .container *{font-size:1.2rem; color:#b39999; text-transform:uppercase; line-height:48px;}
footer .copyright .container br{display:none;}
footer .copyright .container a{padding-left:24px;}
footer .copyright .container div.right{text-align:right;}

/*laptop*/
@media only screen and (max-width:1024px) 
{  
    header{overflow:visible;}
    header .grid{grid-template-columns:160px auto; padding:24px 48px;}
    header .menu{display:unset; text-align:right; grid-area:1/2/1/3; padding-top:35px; display:flex; justify-content:right;}
    header .menu a{width:32px; height:40px; display:block; background:#ffffff; border-radius:8px; text-align:center; float:right;}
    header .menu a i{font-size:2.2rem; line-height:40px;}
    header nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header nav.open{width:100%; height:100vh; display:grid; float:none; grid-template-columns:1fr 1fr; left:0px; top:146px; padding:0px; z-index:100; position:absolute; margin:0px !important; background:rgba(248, 240, 237,0.9); -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    header nav ul.main{width:100%; height:auto; display:block; }
    header nav .sub{display:grid; grid-template-columns:1fr; grid-gap:24px;}
    header nav .sub ul.subs{width:100%; height:auto; display:block;}
    header nav .sub ul.subs li{text-align:right;}
    header nav .sub ul.subs li a{margin:0px;}
    section.slider{height:367px;}
    section.slider .clip{height:342px;}
    section.slider.big{height:709px;}
    section.slider.big .clip{height:645px;}
    section.slider .slide{left:24px; right:24px;}
    section.slider .intro h1{font-size:3.8rem;}
    section.slider .tagline h2{font-size:3.8rem; line-height:203px;}
    
    footer .grid{padding:24px;}
    footer .copyright{padding:0px 24px;}

}

/*tablet*/
@media only screen and (max-width:768px) 
{
    body{font-size:1.4rem;}
    
    header{height:140px;}
    header .logo{height:92px;}
    header .menu,
    header .appointment{padding-top:26px;}
    header nav.open{top:140px;}
                    
    section.slider{height:290px; padding:140px 0px 0px 0px;}
    section.slider.big{height:542px;}
    section.slider.big .clip{height:502px;}
    section.slider .clip{height:266px;}
    section.slider .slide{left:24px; right:24px; border-radius:16px;}
    section.slider .slide img{border-radius:16px;}
    section.slider .intro h1{font-size:2.8rem;}
    section.slider .intro span{margin:64px 0px;}
    section.slider .green{border-radius:16px;}
    section.slider .tagline h2{font-size:2.8rem; line-height:150px;}
        
    section{padding:48px 24px;}
    
    section.intro{border-radius:16px;}
    section.intro .container{padding:16px;}
    section.intro .container .grid{grid-gap:16px; padding:16px;}
    section.intro .container .grid .tagline{font-size:1.6rem;}
    section.intro .container .grid h2{font-size:2.4rem;}
    section.intro .container .grid .buttons{display:grid; grid-template-columns:1fr; grid-gap:16px;}
    
    section.references .container h2{font-size:2.8rem;}
    
    section.treatments .container{border-radius:16px; padding:16px;}
    section.treatments .container h2{font-size:2.8rem;}
    section.treatments .container .grid{grid-template-columns:repeat(2,1fr); grid-gap:16px;}
    
    section.blocks .container{border-radius:16px; padding:16px;}
    section.blocks .container .grid{grid-gap:24px;}
    section.blocks .container .grid .image{margin-top:-62px;}
    section.blocks .container .grid .image img{border-radius:16px;}
    
    section.maps .container{border-radius:16px; padding:16px;}
    
    footer .grid .soc{grid-column:span 2;}
    footer .grid .soc .soc-grid{width:25%; margin: 0 auto;}
    footer .grid{grid-template-columns:96px auto; column-gap:48px; row-gap:16px;}
    footer .grid .socials{text-align:right; display:flex; justify-content:center;}
    footer .grid .socials li{float:left; margin:8px 8px 0px 0px;}
}

/*mobile l*/
@media only screen and (max-width:426px)
{
    h1{font-size:2.8rem; margin-bottom:50px;}
    h2{font-size:2.0rem; margin-bottom:35px;}
    h3{font-size:1.6rem;}
    p{margin:0px 0px 24px 0px;}
    .button{min-width:unset; padding:0px 8px; font-size:1.2rem;}
    form.smaller{width:100%;}
    form.form-grid{grid-template-columns:1fr;}
    form.form-grid .wide{grid-column-end:unset;}
    form.form-grid .label{border-bottom:0px !important}
    header{height:96px;}
    header .container{padding:12px 24px;}
    header .logo{height:72px;}
    header .appointment{display:none;}
    header .menu{padding-top:16px;}
    header nav.open{width:100%; top:96px; grid-template-columns:1fr; grid-template-rows:max-content;}
    header nav.open ul.main{width:100%; height:auto; display:block; }
    header nav.open ul.main li{width:100%; padding:0px 24px;}
    header nav.open ul.main li a{display:block; line-height:unset; padding:18px 0px; margin:0px;}
    header nav.open ul.main li a.appointment{line-height:40px; padding:0px;}
    header nav.open .sub{display:grid; grid-template-columns:1fr; grid-gap:24px; grid-row-start:2; grid-template-rows:max-content;}
    header nav.open .sub ul.subs{width:100%; height:auto; display:block;}
    header nav.open .sub ul.subs li{text-align:left;  width:100%; padding:0px 24px;}
    header nav.open .sub ul.subs li a{display:block; line-height:unset; padding:12px 0px; margin:0px;}

    section.slider{height:179px; padding-top:96px;}
    section.slider .clip{height:155px;}
    section.slider.big{height:320px;}
    section.slider.big .clip{height:296px;}
    section.slider .slide{left:12px; right:12px; border-radius:12px;}
    section.slider .slide img{border-radius:12px;}
    section.slider .intro span{margin:24px 0px;}
    section.slider .intro h1{font-size:2.0rem; padding:0px 32px;}
    section.slider .tagline h2{font-size:2.0rem; line-height:83px;}
    
    section{padding:24px 12px;}
       
    section.intro{border-radius:12px;}
    section.intro .container{padding:12px;}
    section.intro .container .grid{grid-gap:12px; padding:12px; border-radius:12px; grid-template-columns:1fr;}
    section.intro .container .grid .tagline{font-size:1.6rem; grid-column-end:unset;}
    section.intro .container .grid h2{font-size:2.0rem; grid-row-end:unset;}
    section.intro .container .grid .buttons{display:grid; grid-template-columns:1fr 1fr; grid-gap:16px;} 
    section.intro .container .grid .buttons.one{grid-template-columns:1fr;} 
    section.intro .container .grid .breadcrumb{display:none;}

    section.references .container h2{font-size:2.0rem;}
    
    section.treatments .container{border-radius:12px; padding:12px;}
    section.treatments .container h2{font-size:2.0rem;}
    section.treatments .container .grid{grid-template-columns:1fr;}

    section.blocks .container .grid{grid-template-columns:1fr; grid-gap:24px;}
    section.blocks .container .grid .block{grid-template-columns:1fr; grid-gap:12px; border-radius:24px; padding:12px;}
    section.blocks .container .grid .block .image{margin-top:unset;}

    
    
    section.maps .container{border-radius:12px; padding:12px;}
    
    footer{margin-top:24px;}
    footer .grid{grid-template-columns:60px auto; column-gap:24px;}
    footer .grid .contact{grid-template-columns:1fr; grid-gap:12px;}
    footer .grid .contact span{font-size:1.2rem;}
    footer .copyright .container{grid-template-columns:1fr; padding:8px 0px;}
    footer .copyright .container *{line-height:unset; text-align:center !important;}
    footer .copyright .container br{display:block;}
    footer .copyright .container a{padding-left:unset;}

    footer .grid .soc .soc-grid{width:50%;}
    
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    section.slider{height:168px;}
    section.slider .clip{height:144px;}
    section.slider.big{height:292px;}
    section.slider.big .clip{height:280px;}
    section.slider .tagline h2{line-height:73px;}
    section{padding:12px;}
}

/*mobile s*/
@media only screen and (max-width:320px)
{
    section.slider{height:157px;}
    section.slider .clip{height:133px;}
    section.slider.big{height:261px;}
    section.slider.big .clip{height:249px;}
    section.slider .tagline h2{line-height:61px;}
}