body {background:black;color:white;padding:0;margin:0;font-size:12px;}@media only screen and (min-width:600px) {body {font-size:14px;}}@media only screen and (min-width:800px) {body {font-size:14px;}}@font-face {font-family:'alte_haas_groteskbold';src:url('/fonts/altehaasgroteskbold-webfont.woff2') format('woff2'), url('/fonts/altehaasgroteskbold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}@font-face {font-family:'alte_haas_groteskregular';src:url('/fonts/altehaasgroteskregular-webfont.woff2') format('woff2'), url('/fonts/altehaasgroteskregular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}@font-face {font-family:'youngserifregular';src:url('/fonts/youngserif-regular-webfont.woff2') format('woff2'), url('/fonts/youngserif-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}body {font-family:'alte_haas_groteskregular';}h2 {font-family:'alte_haas_groteskbold';font-size:2.4em;letter-spacing:0.055em;}h3 {font-family:'alte_haas_groteskbold';font-size:1.5em;color:#aea196;text-transform:uppercase;}p {font-size:1em;line-height:1.4em;margin-top:0;}img {width:100%;height:auto;}main section {margin-bottom:2em;}button, a.button {font-family:'alte_haas_groteskbold';text-transform:uppercase;font-weight:bold;outline:none;background-color:white;color:black;border:4px solid #f2f2f2;padding:0.5em 1em;transition:all 0.5s ease;font-size:1.25em;letter-spacing:0.025em;text-decoration:none;cursor:pointer;}button.border, a.button.border {background:none;border:4px solid white;color:white;}button.border:hover, a.button.border:hover {color:black;background:white;}button:hover, a.button:hover {color:white;background-color:black;}main section {margin-left:24px;margin-right:24px;}img.circle {border-radius:50%;border:8px solid #e7e7e7;box-sizing:border-box;}.brown {color:#aea196;}header {position:fixed;width:100%;top:0;left:0;z-index:20;background-color:black;height:52px;display:flex;align-items:center;}header .container {width:100%;margin-left:24px;margin-right:24px;display:flex;align-items:center;}header .container .right {margin-left:auto;}header #toggle-nav {cursor:pointer;}#navigation-holder {height:0px;position:fixed;width:100%;top:52px;left:0;z-index:10;background-color:black;transition:height 0.25s ease-in;overflow:hidden;display:flex;align-items:center;justify-content:center;}#navigation-holder .bottom {text-align:center;margin-top:2em;margin-bottom:2em;}#navigation-holder .bottom p {margin-top:2em;}#navigation-holder .navs {display:flex;flex-direction:column;align-items:center;}#navigation-holder .navs a {margin-bottom:2em;font-weight:bold;transform:rotate(-5deg);cursor:pointer;color:white;}#navigation-holder .navs a:hover {color:#aea196;}#navigation-holder .navs a span {display:inline-block;transform:rotate(5deg);transform-origin:0 0;font-size:2.6em;text-transform:uppercase;padding-right:0.2em;}@media (min-width:390px) {#navigation-holder .navs a span {font-size:3em;}}body.nav-open {overflow:hidden;}body.nav-open #navigation-holder {height:calc(100vh - 52px);}.hero.front {background-image:url("/images/hero-winter.png");}.hero {padding-top:52px;width:100%;min-height:65vh;background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;}@media only screen and (min-width:600px) {.hero {min-height:85vh;}}.hero .content {margin-left:24px;margin-right:24px;width:100%;text-align:center;position:relative;z-index:2;}.hero .content img {width:75%;}.hero .content h4 {text-transform:uppercase;font-family:'alte_haas_groteskbold';font-size:1.5em;letter-spacing:0.055em;}.hero .gradient {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0));}.hero .bottom-text {position:relative;z-index:2;width:100%;text-align:center;}@media only screen and (min-width:600px) {.hero .bottom-text {position:absolute;bottom:0;z-index:2;}}.hero .bottom-text h2 {font-family:'youngserifregular';font-weight:400;font-size:2.25em;letter-spacing:0.055em;margin-left:24px;margin-right:24px;}footer .content {display:flex;flex-direction:column;align-items:center;margin-left:24px;margin-right:24px;margin-bottom:24px;}footer .content .text {text-align:center;}@media only screen and (min-width:800px) {main {display:flex;flex-direction:column;align-items:center;}main section {max-width:900px;margin-bottom:5em;}}@media only screen and (min-width:800px) {section.ajanvaraus-section .row {display:flex;}section.ajanvaraus-section .row .left, section.ajanvaraus-section .row .right {width:50%;}}section.ajanvaraus-section .row .left .inner {text-align:center;}section.ajanvaraus-section .row .left .inner img {max-width:50%;height:auto;margin:0 auto;}@media only screen and (min-width:800px) {section.ajanvaraus-section .row .left .inner img {max-width:75%;}}section.ajanvaraus-section .row .right .inner {display:flex;flex-direction:column;text-align:center;}@media only screen and (min-width:800px) {section.ajanvaraus-section .row .right .inner {display:block;text-align:left;}section.ajanvaraus-section .row .right .inner h2 {margin-top:0;}section.ajanvaraus-section .row .right .inner p {margin-bottom:2em;}}section.noteblock-section {margin-top:7em;}section.noteblock-section h2 {font-family:'youngserifregular';}section.noteblock-section p {font-family:'youngserifregular';font-size:1.2em;}section.noteblock-section img.pin {max-width:81px;height:auto;position:absolute;transform:translate(-40px, -50px);z-index:2;}section.noteblock-section .noteblock {position:relative;background-color:#6f6862;}section.noteblock-section .noteblock .note {padding:48px;text-align:center;}@media only screen and (min-width:800px) {section.noteblock-section {max-width:600px;}}section.services-section h2, section.services-section h3 {font-family:'youngserifregular';}@media only screen and (min-width:800px) {section.services-section .services .services {display:flex;}section.services-section .services .services .service {margin:1em;}}section.services-section .services h2 {text-align:center;}section.services-section .services .service {display:flex;flex-direction:column;margin-bottom:1em;text-align:center;}section.services-section .services .service h3 {text-align:center;}section.contacts-section h2, section.contacts-section h5, section.contacts-section p {font-family:'youngserifregular';}section.contacts-section p {font-size:1.2em;}@media only screen and (min-width:800px) {section.contacts-section {max-width:700px;}}section.contacts-section .contacts h2.white {text-align:center;font-size:2.25em;color:white;}section.contacts-section .contacts h2 {text-align:center;font-size:1.5em;color:#aea196;}section.contacts-section .contacts h2 + h5 {margin-top:-1em;color:#aea196;font-size:1.2em;}section.contacts-section .contacts p.contact-info a {color:white;}section.contacts-section .contacts .contact {display:flex;flex-direction:column;text-align:center;margin-bottom:1em;}@media only screen and (min-width:800px) {section.contacts-section .contacts .contact {flex-direction:row;}section.contacts-section .contacts .contact.reverse {flex-direction:row-reverse;}section.contacts-section .contacts .contact.reverse .right {margin-left:0;margin-right:3em;}section.contacts-section .contacts .contact .left {width:40%;}section.contacts-section .contacts .contact .left img {max-width:100%;height:auto;margin:0 auto;}section.contacts-section .contacts .contact .right {margin-left:3em;width:60%;text-align:left;display:flex;align-items:center;}section.contacts-section .contacts .contact .right h2 {text-align:left;}}section.contacts-section .contacts .contact h3 {text-align:center;}section.contacts-section .contacts .contact img {max-width:50%;height:auto;margin:0 auto;}body.contentpage .hero {background-image:url("/images/nuohous.png");background-repeat:no-repeat;background-size:cover;background-position:center top;top:52px;z-index:2;}body.contentpage main {padding-top:52px;min-height:100vh;z-index:3;}body.contentpage main .text {font-family:'youngserifregular';}body.contentpage main .text h2 {font-family:'youngserifregular';}body.contentpage main .text .price {margin-bottom:4em;}body.contentpage main .text .price h2 {margin-bottom:0;}body.ilmastointi .hero {background-image:url("/images/ilmastointi.jpg");}body.hinnasto .hero {background-image:url("/images/hinnasto.jpg");}h2.mobile {display:block;}h2.desktop {display:none;}@media (min-width:390px) {h2.mobile {display:none;}h2.desktop {display:block;}}body.hinnasto h2 {font-size:1.5em;}@media (min-width:650px) {body.hinnasto h2 {font-size:2.4em;}}.contentpage .hero {width:100%;height:100vh;position:absolute;}.contentpage main {position:absolute;top:0;width:100%;left:0;}.content-section {margin-top:5em;position:relative;}.content-section .content {text-align:center;}.content-section .content.wider .text {max-width:580px;}.content-section .content .text {max-width:300px;margin:0 auto;padding:1em;font-size:1.2em;}.content-section .content .text .buttons {padding-top:2em;display:block;}h1.d-topic {transform:rotate(-10deg);font-size:2.65em;}@media (min-width:330px) {h1.d-topic {font-size:2.8em;}}@media (min-width:410px) {h1.d-topic {font-size:3.2em;}}@media (min-width:570px) {h1.d-topic {font-size:4.4em;}}@media (min-width:690px) {h1.d-topic {font-size:5em;}}h1.d-topic span {display:inline-block;transform:rotate(10deg);transform-origin:0 0;text-transform:uppercase;padding-right:0.2em;}