main{background-color:var(--light-color);justify-content:center;align-items:flex-start;min-height:65vh;padding-bottom:4vh;display:flex}main h2{color:var(--dark-color);padding-left:var(--gutter);padding-right:var(--gutter);padding-top:2vh;font-size:3vh;line-height:1.3;display:block}main img{align-items:center;width:35vh;margin-left:auto;margin-right:auto;padding-top:2vh;padding-left:0}.center{width:60%;margin-left:auto;margin-right:auto;display:block}main p{padding-left:var(--gutter);padding-right:var(--gutter);padding-top:2vh;line-height:1.3;display:block}article{justify-content:space-around;width:25%}.justify p{text-align:left;padding-left:var(--gutter);padding-right:calc(2*var(--gutter))}.kuva p{text-align:center;padding-left:var(--gutter);padding-right:calc(2*var(--gutter))}.justify{text-align:left;width:100%;padding-left:var(--gutter);padding-right:calc(2*var(--gutter))}.about{text-align:left;width:100%;max-width:1100px;padding-left:var(--gutter);padding-right:var(--gutter);column-gap:calc(3*var(--gutter));grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;padding-bottom:4vh;display:grid}.about h2,.about-contact{grid-column:1/-1}.about h3{color:var(--dark-color);padding-left:var(--gutter);padding-right:var(--gutter);padding-top:4vh;font-size:2.4vh;line-height:1.3}.about p{text-align:left}@media only screen and (aspect-ratio<=12/7){article{justify-content:space-around;width:30%}main h2{font-size:3vh}.justify{text-align:left;width:100%;padding-left:var(--gutter);padding-right:calc(2*var(--gutter))}}@media only screen and (aspect-ratio<=10/7){article{justify-content:space-around;width:80%}main h2{font-size:2vh}.justify{text-align:left;width:100%;padding-left:var(--gutter);padding-right:calc(2*var(--gutter))}.justify p{font-size:1.6vw}}@media only screen and (aspect-ratio<=1){main{flex-direction:column;align-items:center;height:auto}article{justify-content:center;align-items:center;width:90vw}main h2{color:var(--dark-color);font-size:4vh}main p{padding-top:2vh;padding-left:2vw;line-height:1.3;display:block}.justify{text-align:left;padding-left:0}.justify p{font-size:4vw}.kuva p{text-align:center;color:var(--dark-color);margin-left:auto;margin-right:auto;font-size:4vw}.about{grid-template-columns:1fr;padding-left:4vw;padding-right:4vw}.about h3{font-size:4.5vw}.about p{font-size:4vw}main img{width:60vw;height:auto;margin-left:auto;margin-right:auto;padding-top:6vh;padding-bottom:3vw;display:block}}header{background-color:var(--dark-color);flex-direction:column;justify-content:center;align-items:center;height:25vh;display:flex}#header{align-content:right;margin-left:0}#header h1{color:var(--light-color);margin-top:0;font-family:Arial,Helvetica,sans-serif;font-size:10vh;line-height:1.2}#slogan p{color:var(--light-color);text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:5vh;line-height:1.5}@media only screen and (aspect-ratio<=1){header{height:15vh}#header h1{margin-top:0;font-size:5vh;line-height:1.2}#slogan p{font-size:2vh;line-height:1.5}}nav{background-color:var(--grey-color);justify-content:left;height:5vh;display:flex}nav ul{list-style-type:none}nav ul li{display:inline-block}nav a{padding-top:2.5vh;padding-left:var(--gutter);font-size:2vh;text-decoration:none;display:inline-block}nav a:hover{color:var(--accent-color)}footer{background-color:var(--dark-color);justify-content:center;align-items:center;width:100%;height:10vh;margin-top:auto;display:flex}footer p{color:var(--light-color)}footer img{height:7vh;display:inline-block}:root{--light-color:#f5f5f5;--dark-color:#039faf;--accent-color:red;--grey-color:#d4e2e2;--gutter:1vw}*{color:var(--dark-color);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*,:before,:after{box-sizing:border-box}p{font-size:2vh}#root{flex-direction:column;min-height:100vh;display:flex}