body {
  font:15px/1.5 'Assistant', sans-serif;
  margin:0;
  padding:0;
  background-image:url('tausta2.jpg');
}
body img{
  height: 100%;
  width: auto;
}

.container{
  width:80%;
  margin:auto;
  overflow:hidden;
}

h1{
    font-size: 20px;
    font-weight:600;
    padding:0;
    margin:0;
    letter-spacing: 1.5px;
}

.banneri h2{
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white;

}
h3{
  color:rgb(211,212,214);
  font-weight: 400;
}

h4{
  font-size: 20px;
  padding-top: 15px;
  margin: 0;
  margin-bottom: 10px;
  font-weight: 600;
}


/* Tästä lähtee header */
header{
  min-height:100px;
  margin-right: 0 px;
  width: 100%;
  overflow: hidden;
  border-bottom:rgb(211,212,214) 3px solid;
  background-color: rgb(7,60,95);
}

header a{
  color:rgb(211,212,214);
  text-decoration:none;
  text-transform: uppercase;
  font-size:15px;
  padding-bottom: 5px;
}

header a:hover{
  color: rgb(15,117,188);
}
 header ul{
   margin: 0;
   padding: 0;
 }

 header li{
   float:left;
   display:inline;
   padding: 0 15px 0 15px;
 }
 header .logobox{
   float:left;
}

 header nav{
   float:right;
   margin-top: 40px;
}

/* Tässä asetkset bannerille, joka erottaa kappaleen headerista ja footerista */
.banneri{
  text-align:center;
  padding-top: 5px;
  min-height: 70px;
}

/* Tässä kaikki kappaleisiin tulevat asetukset */

.kappale{
  border-radius: 25px;
  width: 80%;
  margin:auto;
  text-align: justify;
  min-height: 300px;
  background-color: rgba(255,255,255,0.5);
}
 section p{
   font-size: 18px;
   padding-top:5px;
   padding-bottom: 5px;
   padding-bottom: 10px;
 }

section img{
   padding: 5px;
 }

 .kappale a{
   text-decoration: none;
   color: black;
 }

.kappale a:hover {
  color: rgb(15,117,188);

}
/* lomakkeen asetukset */
section form{
  padding:5px;
  font-size: 18px;
}

/*palvelu sivun listan ym asetukset*/
.kappale ul{
  list-style: none;
}

.kappale li{
  padding-top: 1px;
}

#markatilatyot p{
  padding-left: 23px;
}

/*kuvien asetuksia tänne*/
.kuvagalleria img {
  width: 100%;
  height: auto;
}
/* Lomakkeeseen tulevat muutokset tänne */

#lomake input{
  height: 20px;
  margin: 5px;
}

#lomake textarea{
  height: 50px;
  width: 500px;
  margin-top: 5px;
  margin-left: 4px;
}
/* Tässä kaikki footeriin tulevat asetukset */
footer{
  width: 100%;
  padding:7px;
  color:rgb(211,212,214);
  background-color:rgb(7,60,95);
  text-align: center;
  line-height: 1.2;
  border-top: rgb(211,212,214) 3px solid;
}

.applet p {
  text-decoration: none;
  color: rgb(211,212,214);
}

footer a {
  text-decoration: none;
  color: rgb(211,212,214);
}

/*responsiivisuus säädöt */
@media(max-width: 1050px){
  header .container{
  width: 100%;
  }
  header .logobox,
  header nav,
  header nav li{
    float:none;
    text-align: center;
  }
  header nav{
    margin-bottom: 15px;
    margin-top: 20px;
  }

  #lomake textarea{
    width: 250px;
  }
  header img {
    width: 250px;
    padding-top: 20px;
  }


}