html{scroll-behavior:smooth;margin-top:50px;margin-bottom:50px;background-color:#fbcedf;}
body{margin:0;background-color:rgba(255,255,255,0.2);font-size: 1rem;}
html,body{min-height:100%;}
body::before{content:"";position:fixed;inset:0;
background-image:url("/sivuston-kuvat/nbg.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:-1;
			}.b-hero{min-height:100vh;}
h1{padding:0;margin:0;}div{word-wrap: break-word;}a{text-decoration:none;}@font-face{font-family:'Poppins';src: url('/fontti/Poppins-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}header{width:100%;align-items:center;}
.nav-wrapper{width:100%;display:grid;grid-template-columns:repeat(2,auto);align-items:center;justify-content:space-between;background-color:#fafaff;}.logo-container{width:auto;background-color:transparent;display:inline-flex;margin-top:20px;}.logo{width:160px;height:auto;margin-top:20px;margin-left:20px;margin-right:20px;margin-bottom:20px;}.logo-container a{text-decoration:none;}
.link-wrap{display:flex;align-items:center;grid-column:2/2;margin-top:20px;margin-right:20px;}.nav-links{width:auto;margin-right:20px;margin-bottom:20px;display:flex;align-items:center;gap:20px;list-style:none;padding:10px;background-color:#fafaff;}.nav-links a,.dark-btn,.regular{font-family:Poppins,arial;font-size:18px;color:#261f1f;}.dark-btn{background-color:#261f1f;border-radius:33px;padding:10px;}.nav-links a.dark-btn{color:#fafaff;}.nav-links a.dark-btn:hover{color:white;border-bottom:none;background-color:pink;transition:0.3s;}
.insta-logo-link img{width:20px;height:20px;}.menu-btn,.close-menu-btn{display:none;position:fixed;top:20px;right:20px;z-index:13;width:50px;height:50px;text-align:center;background-color:#fafaff;border:none;border-radius:33px;font-size:30px;color:#261f1f;box-shadow:0 4px 8px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.19);}
.close-menu-btn{display:block;}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:white;z-index:1000;justify-content:center;}.mobile-menu >ul{text-align:left;list-style:none;}.mobile-menu a{display:block;font-family:Poppins,arial;font-size:20px;color:#261f1f;padding:10px 0;}
.mobile-menu.is-open{display:block;padding-top:60px;overflow-y:auto;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.separator{display:flex;border-left:solid 1px #261f1f;padding:4px;margin-left:15px;margin-right:10px;}.nav-links a:hover,.active:hover,.panel_active:hover,.foot-content a:hover,.dev a:hover{color:pink;transition:0.3s;}.btn-frame a:hover,.card-btn a:hover,.rounded-btn2 a,.container2 a:hover,.info-box a:hover{color:pink;transition:0.3s;}
.head_cont{width:auto;height:auto;display:grid;grid-template-columns:auto auto;padding:20px;background-color:rgba(0,0,0,0.07);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
.txt-wrap{display:block;width:auto;height:auto;}.lillo,.head1,h1{font-family:Poppins,arial;font-size:70px;font-weight:bold;color:#261f1f;letter-spacing:10px;margin-left:20px;}.head1{position:absolute;font-size:25px;width:80%;margin-left:20px;z-index:12;}
.move{margin-top:160px;display:flex;width:auto;height:auto;background-image:linear-gradient(to bottom,transparent 0% 20%,#dabcb4 20% 80%,transparent 80% 100%);justify-content:right;align-items:flex-end;padding:75px;border-top-left-radius:100px;z-index:11;}
.hero{height:auto;width:100%;aspect-ratio:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.19);}.review{width:80%;margin:0 auto;margin-top:50px;text-align:center;font-family:Poppins,arial;font-size:18px;color:#261f1f;letter-spacing:0;}.comment::before,.comment::after{content:'"';}.star.filled{text-align:center;color:gold;font-size:20px;}
.main2{height:auto;margin-top:50px;margin-bottom:50px;}.container{margin:0 auto;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;}.part1,.part2,.part3{max-width:100%;height:auto;display:block;font-family:Poppins,arial;font-size:18px;color:#261f1f;background-color:white;text-align:center;box-shadow:0 4px 8px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.19);}
.part1 p,.part2 p,.part3 p{padding:10px;font-size:18px;}.product-img{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:relative;object-fit:scale-down;aspect-ratio:auto;}
.image1,.image2,.image3{width:100%;height:350px;display:block;}.image1{background-image:url("/sivuston-kuvat/valokuvaus.webp");}.image2{background-image:url("/sivuston-kuvat/graafinen.webp");}.image3{background-image:url("/sivuston-kuvat/sisalto.webp");}
.color{min-height:50px;background-color:#dabcb4;align-items:center;font-family:Poppins,arial;font-size:20px;font-weight:bold;color:#261f1f;line-height:50px;}.card-btn{height:60px;align-items:center;justify-content:center;}.card-btn a{line-height:40px;color:#261f1f;font-family:Poppins,arial;font-size:18px;border-radius:33px;padding:10px;}
.reveal {opacity:0;transform:translateY(32px);transition:opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);}.reveal.visible{opacity:1;transform:translateY(0);}
.insta-logo-link img{width:50px;height:auto;}.regular a{text-decoration:none;color:#111;}.pink{margin-left:20px;width:auto;height:auto;background-color:#e4a7bd;padding:20px;align-items:center;justify-content:center;display:inline-block;}
.names{font-family:Poppins,arial;font-size:25px;font-weight:bold;color:#261f1f;}.txt-container{display:block;margin:0 auto;width:auto;padding:20px;}.txt-container h2{font-family:Poppins,arial;font-size:25px;font-weight:bold;color:#261f1f;}.txt-container p{font-family:Poppins,arial;font-size:20px;color:#261f1f;}
.btn-frame{margin-top:50px;width:auto;justify-content:center;text-align:center;align-items:center;padding:50px;}.rounded-btn{padding:10px;background-color:#261f1f;border-radius:10px;border:none;text-decoration:none;font-family:Poppins,arial;font-size:17px;font-weight:bold;color:white;}

.twobtn{display:block;margin:0 auto;width:75%;background-color:#dabcb4;padding:20px;margin-top:50px;text-align:center;}

.info-box{display:grid;grid-template-columns: auto auto;margin:0 auto;/*width:75%;*/background-color:#e4a7bd;padding:20px;margin-bottom:50px;}
.info-box-txt{display:grid;grid-template-columns:auto auto;margin:0 auto;width:75%;background-color:#e4a7bd;padding:20px;margin-top:50px;margin-bottom:50px;}
.info-box-txt{display:block;}.info-box,.info-box-txt h3,h4{font-family:Poppins,arial;font-size:25px;font-weight:bold;color:#261f1f;}.info-box p,.white,.white-s{font-family:Poppins,arial;font-size:20px;color:#261f1f;}.white,.white-s{color:#261f1f;}.white-s{font-size:20px;}.larger{font-size:25px;}.brown{display:block;background-color:#dabcb4;}.m-top{margin-top:50px;}
.btns{padding:20px;margin-top:-20px;margin-bottom:20px;justify-content:center;gap:20px;background-color:transparent;text-align:center;}.no-color{margin:0 auto;width:65%;text-align:center;background-color:none;font-weight:bold;}
.gallery-preview{margin:0 auto;margin-top:50px;margin-left:20px;margin-right:20px;margin-bottom:50px;width:width;height:auto;text-align:center;background-image:linear-gradient(to bottom,#dabcb4 0% 60%,#e4a7bd 60% 80%,#dabcb4 60% 100%);}
.container2{margin:0 auto;max-width:90%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:50px;}.gallery-preview h4{font-size:40px;grid-column:2;padding-top:50px;}.part11,.part22,.part33{max-width:100%;margin-top:0;height:auto;display:block;}
.image11,.image22,.image33{width:100%;height:350px;display:block;}.previews{background-size:contain;background-position:center center;background-repeat:no-repeat;background-attachment:relative;object-fit:scale-down;aspect-ratio:auto;}
.image11{background-image:url("/sivuston-kuvat/drink.webp");}.image22{background-image:url("/sivuston-kuvat/c2.webp");}.image33{background-image:url("/sivuston-kuvat/a1.webp");}
.rounded-btn2,.rounded-btn3{padding:10px;background-color:#261f1f;border-radius:10px;text-decoration:none;font-family:Poppins,arial;font-size:17px;font-weight:bold;color:white;text-align:center;}.rounded-btn3{background-color:#dabcb4;color:#261f1f;}
.split-color-head{width:100%;height:auto;margin:0 auto;background-image:linear-gradient(to right,rgba(255,255,255,0.2) 0% 50%,#dabcb4 50% 100%);justify-content:center;align-items:center;text-align:center;padding-top:100px;padding-bottom:100px;}.centered{text-align:center;}
.form-container{margin:0 auto;max-width:75%;padding:20px;padding-left:20px;padding-right:20px;background-color:#e4a7bd;text-align:left;}
label,.form-head,.split-head,.js-err{font-family:Poppins,arial;font-size:18px;color:#261f1f;}.split-head{font-size:70px;}.form-head{font-size:20px;}.form-container a{text-decoration:none;color:#261f1f;border-bottom:solid 1px #261f1f;margin-bottom:20px;}.error{color:#b00020;font-size:0.9em;margin-top:4px;}input[aria-invalid="true"]{border-color:#b00020;outline:2px solid #b00020;}textarea{display:block;width:50%;}input.valid{border-color:#2e7d32;}input.invalid{border-color:#c62828;outline:2px solid #c62828;}.js-err{color:red;}
.contact-img{display:flex;margin:0 auto;width:auto;min-height:300px;margin-top:50px;margin-left:20px;margin-right:20px;padding:20px;justify-content:center;align-items:center;text-align:center;background:#dabcb4;}
.L-size,.shdw{color:#261f1f;display:inline-block;padding:0.7rem;}.shdw{font-size:1.3rem;font-weight:light;}.bg-color{width:auto;height:auto;background-image:linear-gradient(to right,#f6e2e7 0% 50%,#fafaff 50% 100%);}.L-size{font-size:50px;color:#261f1f;}
.triple-img{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 auto;width:auto;height:auto;background-image:linear-gradient(to bottom,transparent 0% 20%,#e4a7bd 20% 80%,transparent 80% 100%);margin-top:50px;margin-left:20px;margin-right:20px;padding:20px;gap:20px;align-items:center;}
.t-imgs{width:auto;height:400px;padding-top:50px;padding-bottom:50px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:relative;object-fit:scale-down;aspect-ratio:auto;}
.low{height:250px;}.a1{background-image:url("/galleria2/a1.webp");}.a2{background-image:url("/galleria2/a2.webp");}.a3{background-image:url("/galleria2/a3.webp");}.b1{background-image:url("/galleria2/b1.webp");}.b2{background-image:url("/galleria2/b2.webp");}.b3{background-image:url("/galleria2/b3.webp");}
.b11{background-image:url("/galleria2/drink1.webp");}.b22{background-image:url("/galleria2/drink2.webp");}.b33{background-image:url("/galleria2/drink3.webp");}
.c1{background-image:url("/galleria2/c1.webp");}.c2{background-image:url("/galleria2/c2.webp");}.c3{background-image:url("/galleria2/c3.webp");}.d1{background-image:url("/galleria2/D1.webp");}.d2{background-image:url("/galleria2/D2.webp");}.d3{background-image:url("/galleria2/D3.webp");}.e1{background-image:url("/galleria2/E1.webp");}.e2{background-image:url("/galleria2/E2.webp");}.e3{background-image:url("/galleria2/E3.webp");}.f1{background-image:url("/galleria2/F1.webp");}.f2{background-image:url("/galleria2/F2.webp");}.f3{background-image:url("/galleria2/F3.webp");}.g1{background-image:url("/galleria2/G1.webp");}.g2{background-image:url("/galleria2/G2.webp");}.g3{background-image:url("/galleria2/G3.webp");}.h1{background-image:url("/galleria2/H1.webp");}.h2{background-image:url("/galleria2/H2.webp");}.h3{background-image:url("/galleria2/H3.webp");}.single-img{display:block;margin:0 auto;width:auto;min-height:300px;height:100%;margin-top:50px;margin-left:20px;margin-right:20px;justify-content:center;align-items:center;text-align:center;background-image:url("/galleria2/s-img.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:relative;object-fit:scale-down;aspect-ratio:auto;}.vrs2{background-image:url("/galleria2/4.webp");}.up{display:none;position:fixed;bottom:20px;right:20px;z-index:100;width:50px;height:50px;background-color:#fafaff;border:none;border-radius:33px;cursor:pointer;color:#261f1f;font-size:30px;font-weight:bold;box-shadow:0 4px 8px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.19);}.up:hover{color:lightgreen;transition:0.3s;}.foot-container{margin:0 auto;width:auto;height:auto;margin-top:50px;margin-left:20px;margin-right:20px;background-color:#e4a7bd;display:grid;grid-template-columns:repeat(4,1fr);align-items:top;justify-content:center;gap:auto;}.foot-content{display:inline-block;padding:20px;word-wrap:break-word;}.foot-logo{width:60px;height:auto;}.foot-content a,p,.dev,.dev a{font-family:Poppins,arial;font-size:18px;color:#261f1f;}.foot-content a{display:block;margin-top:10px;margin-bottom:10px;}.dev{margin:0 auto;margin-top:50px;max-width:100%;display:block;background-color:#fafaff;padding:20px;color:#261f1f;padding-bottom:50px;}
@media only screen and (max-width: 575px){html{margin:0;}body{margin:0;}.nav-links{display:none;}.menu-btn{display:block;}.mobile-menu.is-open{display: block;}.link-wrap{padding-top:60px;}.logo{margin:10px;}.head_cont{grid-template-columns:auto;}.lillo{margin:0;font-size:26px;}
.head1{margin:0;font-size:18px;letter-spacing:2px;}.move{padding:50px;}.hero{width:80%;}.container{grid-template-columns:auto;}.info-box{grid-template-columns:auto;}.rounded-btn,.rounded-btn3{padding:10px;}
.container2{grid-template-columns:auto;gap:20px;}.split-head,.L-size{font-size:25px;}.form-container{max-width:85%;padding:10px;padding-left:10px;padding-right:10px;}textarea{width:70%;}
.double-img{grid-template-columns:auto;}.triple-img{grid-template-columns:auto;}.foot-container{grid-template-columns:auto;gap:0;}.separator{display:block;border:none;}.dev{text-align:center;}}
@media only screen and (min-width: 576px){html{margin:0;}body{margin:0;width:100%;}.nav-links{display:none;}.menu-btn{display:block;}.link-wrap{padding-top:60px;}.logo{margin:10px;}.head_cont{grid-template-columns:auto;}.lillo{margin:0;font-size:25px;}.head1{margin:0;font-size:18px;letter-spacing:2px;}
.container{grid-template-columns:auto;}.info-box{grid-template-columns:auto;}.rounded-btn,.rounded-btn3{padding:10px;}.container2{grid-template-columns:auto;gap:20px;}.foot-container{grid-template-columns:auto;gap:0;}.separator{display:block;border:none;}.dev{text-align:center;}}
@media only screen and (min-width: 767px){html{margin:0;}body{margin:0;width:100%;}.nav-links{display:flex;}.menu-btn{display:none;}.link-wrap{padding:0;}.head_cont{grid-template-columns:auto auto;}.lillo{font-size:52px;}
.head1{margin:0;font-size:22px;letter-spacing:3px;}.move{padding:50px;margin-top:170px;}.container{grid-template-columns:repeat(3,1fr);gap:20px;}.info-box{grid-template-columns:auto auto;}
.rounded-btn,.rounded-btn3{padding:10px;}.container2{grid-template-columns:repeat(3, 1fr);gap:20px;}.foot-container{grid-template-columns:auto auto;}.dev{display:block;}.separator{display:block;}}
@media only screen and (min-width: 992px){html{margin:0;}body{margin:0;width:100%;}.nav-links{display:flex;}.menu-btn{display:none;}.link-wrap{padding:0;}.head_cont{grid-template-columns:auto auto;}.lillo{font-size:64px;}.head1{margin:0;font-size:25px;letter-spacing:4px;}.hero{width:70%;}.container{grid-template-columns:repeat(3,1fr);gap:20px;}
.info-box{grid-template-columns:auto auto;}.rounded-btn,.rounded-btn3{padding:10px;}.container2{grid-template-columns:repeat(3,1fr);gap:20px;}.foot-container{grid-template-columns:auto auto;}}
@media only screen and (min-width: 1200px){html{margin:0;}body{margin:0 auto;width:90%;border:solid 1px #fafaff;}.nav-links{display:flex;}.menu-btn{display:none;}.link-wrap{padding:0;}.head_cont{grid-template-columns:auto auto;}.lillo{font-size:64px;}
.head1{margin:0;font-size:25px;letter-spacing:4px;}.hero{width:50%;}.container{grid-template-columns:repeat(3,1fr);gap:20px;}.info-box{grid-template-columns:auto auto;}
.rounded-btn,.rounded-btn3{padding:10px;}.container2{grid-template-columns:repeat(3,1fr);gap:20px;}.foot-container{grid-template-columns:repeat(4,1fr);}
.dev{display:flex;justify-content:center;}.separator{display:flex;text-align:center;border-left:solid 1px #261f1f;padding:4px;margin-left:15px;margin-right:10px;}}
@media only screen and (min-width: 1400px){html{margin:0;}body{margin:0 auto;width:70%;border:solid 1px #fafaff;}}
@media only screen and (min-width: 2559px){html{margin:0;}body{margin:0 auto;width:50%;border:solid 1px #fafaff;}}
@media (prefers-color-scheme: light){html{background-color:#fafafff;background-image:url("/sivuston-kuvat/nbg.webp");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;object-fit:scale-down;aspect-ratio:auto;}.foot-content a,p,dev a{color:#261f1f;}}
@media (prefers-reduced-motion: reduce){.reveal{transition:none;transform:none;opacity:1;}}