/*********************************************
 *
 *
 *              S - koko
 *
 *
 ********************************************/

@media all and  (max-width: 716px) {

body { 															/* Sivuston tausta */



}


#logo {
  display: block;
  position: absolute;
  top: 20px;
  width: 250px;
  left:20%; 
  right:0;
  font-size:32px;

}


    .bgtable {
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    
    z-index: 0;
    }
    


  .mainbg {
  padding: 10px;
background-color:rgba( 102, 139, 184, 0.6);
  min-height: 320px;
  }
  
  
  .footerdiv {

  width: 100%;
  line-height: 18px;
  font-size: 13px;
  font-family: arial, sans-serif;
  letter-spacing: 1px;
  color: #fff;
background-color: transparent;
  border-bottom: 4px double #fff;
  background-color:rgba( 102, 139, 184, 0.6);
  padding: 15px;
  

  }


.main_50 {
vertical-align: top;
display: block;
width: 100%;
padding-bottom: 30px;
}

.main_60 {
vertical-align: top;
display: block;
width: 100%;
padding-bottom: 30px;
}

.main_40 {
vertical-align: top;
display: block;
width: 100%;
padding-bottom: 30px;
}


  
  #navbg {
  width: 100%;
  position: absolute;
  top: 0;
  padding-top: 170px;
background-color:transparent;
  z-index: 1;
  }
  
  
  



/* Lomakkeet */



.txtinput, .selekti {		         /* teksti-inputti, nimi, puh/email  */
width:100%;

}

.tarea  { 		                  /* viestin tekstialue */
width:100%;

}


}