@media only screen and (max-width: 600px) {
  div.main {
    font-size: 0.8em;
  }
  div.laatikko {
    width: 100%;
    min-width: 80%;
  }
}

body {
  margin: 0;
  padding: 0 1em 0 1em;
  text-align: center;
  font-family: Arial;
  line-height: 1.5em;
  color: #645A5A; 
  background-color: #FAFAFA; 
}

div.main {
  text-align: left;
  margin: 2em auto 0 auto; 
  border: 0;
  border-radius: 60px;
  max-width: 1170px;
  padding: 0em;
}

h1 {
  font-weight: 900;
  font-family: Garamond;
  margin: 1em 15px 0.5em 15px;
  border: 0;
  padding: 0 0 0.5em 0;
}

p {
  margin: 0 0 1em 15px;
  padding: 0;
  border: 0;
}

h2 {
  margin: 1em 0 1em 15px;
  padding: 0;
  border: 0;
  clear: both;
}

p.ajanvaraus {
  background-color: #5A5A5A;
  width: 6em;
  border-radius: 15px;
  padding: 0.7em 1em 0.7em 1em;
  text-align: center;
  margin: 2em 0 2em 15px;
}

p.ajanvaraus a {
  color: #F0FAFA;
  text-decoration: none;  
}

div.listalaatikko {
  float: right;
  border: 3px solid #00D2EB;
  border-radius: 35px;
  margin: 0 2em 1em 15px;
  padding: 1em;
  background-color: #EEEEEE;
}

div.listalaatikko h3 {
  margin: 0 0 0.5em 0;
  padding: 0;
  border: 0;
}

div.listalaatikko ul {
  margin: 0;
  padding: 0;
  border: 0;
}

div.listalaatikko li {
  list-style-type: none;
}

div.listalaatikko-koulutustausta {
  border: 3px solid #00D2EB;
  border-radius: 35px;
  margin: 0 2em 1em 15px;
  padding: 1em;
  background-color: #EEEEEE;
}

div.valikuva {
  margin: 4em 0 0 0;
  padding: 0;
  border: 0;
  float: none;
  clear: both;
}

h1 + div.valikuva {
  margin: 0 0 0 0;
}

div.valikuva img {
  width: 100%;
  max-width: 1170px; 
  height: auto;
}

div.omakuva {
  float: right;
  clear: right;
  margin: 0 2em 1em 15px;
  padding: 0;
  border: 0;
}
div.omakuva img {
  width: 100%;
  max-width: 400px; 
}


div.laatikko {
  float: right;
  clear: right;
  border: 3px solid #00D2EB;
  border-radius: 35px;
  margin: 0 2em 1em 15px;
  padding: 1em;
  background-color: #EEEEEE;
  width: 50%;
}

div.laatikko h3 {
  margin: 0 0 0.5em 0;
  padding: 0;
  border: 0;
}

div.laatikko p {
  margin: 0 0 1em 0;
  padding: 0;
  border: 0;
}

h3 {
  margin: 1em 0 1em 15px;
  padding: 0;
  border: 0;
}

p.yhteistyossakuvat img {
  margin: 0 2em 0 0;
}

div.footer {
  background-color: #5A5A5A;
  color: #F0FAFA;
  padding: 1em;
  font-size: 0.8em;
  line-height: 1.2em;
  margin: 3em 0 1em 0;
  border-top: 10px solid #E9EAEE;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

div.footerlohko {
  padding: 0 0 0 2em;
  text-align: right;
}

div.footer a {
  color: #F0FAFA;
}


div.instagram {
  margin: 0.5em 0 0 1em;
  float: left;
}

div.instagram img {
  width: 58px;
  border: 0;
  padding: 0;
  margin: 0 0 1em 0;
}