html{
    height: 100%;
}
 body {
    height: 100%;
     margin: 0;
     padding: 0;
     background: url('img/tiili-bg.jpg');
     background-size: cover;
     background-position: center;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 h1 {
     font-family: 'Bangers', sans-serif;
     font-weight: 400;
     text-align: center;
     font-size: 8vw;
     color: #ffffff;
     margin: -40px 0 10px;
     text-shadow: -2px -2px 7px #000000, 2px 2px 7px #000000;
}
 h3 {
     font-family: 'Chakra Petch', sans-serif;
     font-weight: 800;
     text-align: center;
     font-size: 16pt;
     background: #ffffff;
     padding: 2%;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 28%;
     border-top: 3px solid #000000;
     border-bottom: 3px solid #000000;
}
 p {
    font-family: 'Chakra Petch', sans-serif;
     font-weight: 800;
}
 #content {
    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 #apina{
    width: 200px;
}
 #apina img{
    width: 100%;
     height: auto;
}
 #toimiala {
     display: flex;
     width: 100%;
     justify-content: space-evenly;
}
 #footer {
     font-family: 'Chakra Petch', sans-serif;
     font-size: 18px;
     color: #ffffff;
     font-weight: 800;
     text-align: center;
     width: 100%;
     box-sizing: border-box;
     padding: 30px 0 30px;
     background: #000000;
}
 a {
     text-decoration: none;
     color: #ffffff;
}
 #otsikko_m{
    display: none;
}

#lk-logo{
	margin-top: 20px;
    width: 120px;
}

/*MOBILE*/
 @media screen and (max-width: 700px) {
     body{
        display: block;
    }
     #otsikko_d{
        display: none;
    }
     #otsikko_m{
        display: block
    }
     #content{
       /* height: 100%;*/
    }
     #apina{
        width: 60%;
    }
     #toimiala {
         background: #ffffff;
         display: block;
    }
     h1{
         font-size: 20vw;
         margin: -40px 0 20px;
         line-height: 17vw;
    }
     h3{
         font-size: 9vw;
         line-height: 1em;
         margin: 20px auto;
         padding: 0 0 10px;
         border-bottom: 2px solid #ff0000;
         width: 90%;
         border-top: 0;
    }
     #footer {
         font-family: 'Chakra Petch', sans-serif;
         font-size: 7vw;
         color: #ffffff;
         font-weight: 800;
         text-align: center;
         width: 100%;
         box-sizing: border-box;
         padding: 30px 0 30px;
         background: #000000;
    }
}