@import url("https://fonts.googleapis.com/css?family=Kanit:400,400i,600,900");html{font-family:'Kanit', sans-serif;height:100%;width:100%}.container{max-width:1460px;width:100%;background-color:#ffffff}.row{margin-bottom:0px}a{color:#83338A}.button-collapse{color:#000000}nav ul{padding-right:20px}nav ul a{padding:0 25px;font-size:1.1rem;letter-spacing:0.05rem;text-transform:uppercase}nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{height:115px;line-height:115px}nav ul a,nav .brand-logo{color:#000000}nav ul li:hover,nav ul li.active{background:-webkit-gradient(linear, left top, left bottom, color-stop(95%, white), color-stop(5%, #83338A));background:-webkit-linear-gradient(top, white 95%, #83338A 5%);background:linear-gradient(180deg, white 95%, #83338A 5%)}.brand-logo{margin-top:20px}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav{box-shadow:none}.mob-osoite{font-size:1rem;line-height:1.5rem;padding:30px}.mobile-arkpii{text-transform:uppercase;margin-top:2%}.box{background-color:#fff200;height:300px}.box:hover{opacity:0.7;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.box p{background-color:#ffffff;padding:3px 10px 3px 10px;width:170px;font-size:14px;color:#000000;margin-top:12px}.etusivu-1{height:400px;background-color:#382783}.etusivu-1 p{font-size:1.2rem;line-height:1.9rem;color:#ffffff;margin-top:8%;margin-left:8%;margin-right:8%}.etusivu-1 a{font-size:1.7rem;color:#E89418;font-weight:300;text-decoration:underline}.etusivu-2{height:400px;background-image:url(../img/arkpii-referenssit-img.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.etusivu-2 p{font-size:1.2rem;line-height:1.9rem;color:#ffffff;margin-top:8%;margin-left:8%;margin-right:8%}.etusivu-2 a{font-size:1.7rem;color:#ffffff;font-weight:300;text-decoration:underline}.etusivu-3{height:800px;background-image:url(../img/arkpii-hero-img.jpg);background-repeat:no-repeat;background-position:right bottom;background-size:cover}.etusivu-3 h1{font-size:5rem;line-height:5rem;font-weight:300;margin-left:5%;margin-top:5%;margin-right:10%;color:#382783}.main-text{text-align:center;color:#ffffff;background-color:#382783}.main-text p{margin-left:17%;margin-right:17%;margin-bottom:4%}.main-text h1{margin-left:10%;margin-right:10%;margin-top:3%}.palvelut-ikoni-1{background-color:#F2F2F2;height:250px;background-image:url(../img/arkkitehti-ikoni.png);background-repeat:no-repeat;background-position:center;background-size:cover}.palvelut-teksti{background-color:#f5f5f5;height:250px}.palvelut-teksti h2{margin-left:4%;margin-right:4%}.palvelut-teksti p{margin-left:4%;margin-right:4%}.margin-bottom-top{margin-top:1px}.henkilokuva-esa{height:400px;background-image:url(../img/arkpii-esa.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.henkilokuva-ilkka{height:400px;background-image:url(../img/arkpii-ilkka.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.henkilokuva-jenni{height:400px;background-image:url(../img/arkpii-jenni.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.henkilokuva-matti{height:400px;background-image:url(../img/arkpii-matti.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.henkiloteksti p{margin-left:5%;margin-right:5%;line-height:1.4}.henkiloteksti h2{margin-left:5%;margin-right:5%;margin-bottom:-15px}.refrenssiboxi{height:400px}.refrenssiboxi h2{font-size:1rem;text-align:center;width:300px;padding-top:5px;background-color:#ffffff;color:#000000}.refrenssiboxi h3{font-size:0.8rem;text-align:center;width:300px;padding-bottom:5px;background-color:#ffffff;margin-top:-25px;color:#000000}.referenssi-teksti{margin-top:20px}.referenssi-teksti h1{font-size:3rem;line-height:3.2rem;margin-left:35px}.referenssi-teksti h2{font-size:1.2rem;margin-left:35px;margin-bottom:-15px}.referenssi-teksti p{margin-left:35px;margin-right:30px}.ota-yhteytta-palkki{background-color:#382783;color:#ffffff;text-align:center;letter-spacing:2px;margin-top:40px;text-transform:uppercase;margin-left:20px;margin-right:20px}header{border-bottom:1px solid black}.talo1{background-image:url(../img/talo1-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo2{background-image:url(../img/talo2-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo3{background-image:url(../img/talo3-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo4{background-image:url(../img/talo4-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo5{background-image:url(../img/talo5-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo6{background-image:url(../img/talo6-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo7{background-image:url(../img/talo7-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo8{background-image:url(../img/talo8-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo9{background-image:url(../img/talo9-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.talo10{background-image:url(../img/talo10-800px.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}footer p{font-size:0.9rem;text-align:center;letter-spacing:0.1rem}footer{border-top:1px solid black;width:100%;padding-bottom:10px;padding-top:10px;margin-top:20px}p{line-height:1.8rem;font-size:1.125rem}h1{font-size:1.4rem;line-height:2rem;margin:2rem 0 1rem 0;font-weight:600;text-transform:uppercase;font-weight:700}h2{font-size:1.2rem;line-height:2rem;margin:1rem 0 1rem 0;font-weight:600}h3{font-size:1rem;line-height:2rem;margin:1rem 0 1rem 0}.side-nav a{font-size:1.2rem}.side-nav a img{margin-bottom:-4px;margin-right:4px}.leipateksti{margin-top:30px}.leipateksti h1{margin-left:15%;margin-right:15%}.leipateksti h2{margin-left:15%;margin-right:15%}.leipateksti h3{margin-left:15%;margin-right:15%;font-weight:600;margin-bottom:-15px}.leipateksti p,.leipateksti ul{margin-left:15%;margin-right:15%}.leipateksti ul{display:inline-block}.leipateksti ul li{list-style-type:disc;list-style-position:inside;font-size:1rem}@media only screen and (max-width: 1240px){.parallax-container .section{position:absolute;top:40%}nav ul a{padding:0 15px;font-size:1.1rem;letter-spacing:0.05rem}.container{width:100%}#index-banner .section{top:10%}.etusivu-3 h1{font-size:4rem;line-height:4rem}}@media only screen and (max-width: 992px){.container{width:100%}.etusivu-3 h1{font-size:2.7rem;line-height:3rem}nav ul li:hover,nav ul li.active{background:#D8D8D8}nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{padding-right:10px}.brand-logo{margin-top:20px;margin-left:10px}.brand-logo img{height:auto;width:300px}}@media only screen and (max-width: 670px){#index-banner .section{top:0}.container{width:100%}nav ul li:hover,nav ul li.active{background:#D8D8D8}.parallax-container{position:relative;overflow:hidden;height:300px}.nav ul a{padding-right:50px}.main-text p{font-size:1rem;line-height:1.4rem;margin-left:3%;margin-right:3%;margin-bottom:10%}.main-text h1{font-size:2.2rem;margin-top:6%}.palvelut-teksti h2{font-size:1.3rem;margin-left:4%;margin-right:4%}.palvelut-teksti p{font-size:1rem;line-height:1.4rem;margin-left:4%;margin-right:4%}.slider{height:480px}.slider .slides{background-color:#9e9e9e;margin:0;height:440px}.etusivu-3{height:500px}.palvelut-ikoni-1{height:290px}.palvelut-teksti{height:290px}.brand-logo{margin-top:20px;margin-left:10px}.brand-logo img{height:auto;width:300px}.leipateksti h1{margin-left:5%;margin-right:5%;font-size:3rem}.leipateksti h2{margin-left:5%;margin-right:5%}.leipateksti h3{margin-left:5%;margin-right:5%;font-weight:600;margin-bottom:-15px}.leipateksti p{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 440px){.brand-logo{margin-top:10px;margin-left:10px}.brand-logo img{height:auto;width:230px}.etusivu-3 h1{font-size:2.3rem;line-height:2.6rem}.brand-logo{margin-left:-25px}}.icon-block{padding:0 15px}footer.page-footer{margin:0}
