@media print
{
 .noprint, .noprint * {
 display: none !important;
 }
}

html {
 font-size: 12px;
 height: 100%;
}
.mainform {
 max-width: 90ch;
}

@media screen and (min-width:800px) {
 html {
   font-size: 12px;
 }
}

@media screen and (min-width:970px) {
  html {
    font-size: 14px;
  }
  .mainform {
    max-width: 90ch;
  }
}
	    
@media screen and (min-width:1400px) {
 html {
   font-size: 16px;
 }
 .mainform {
  max-width: 90ch;
 }
}

body {
 margin: 1rem 2rem;
}

body  h1 {
 margin-bottom: 3rem;
}

form#turvaform {
 display: block;
}

form#turvaform input.regnum {
 text-transform:uppercase;
}

form#turvaform input.name {
 text-transform: capitalize;
}

.hinajapotter {
 display: none;
}

div.bottomlogo {
 display: block;
 text-align: left;
}

div.bottomlogo>img {
 display: inline-block;
 margin: 3rem 0 0 0;
}
.dl-horizontal dt {
 width:280px;
 white-space: normal;
 margin-right: 1rem;
}

.newbuttonbox {
 margin-top: 2rem;
 width:240px;
}

.bottomtietosuoja {
 margin: 1rem 0;
}

.bottomtietosuoja > a{
 font-size: 1.3rem;
}

.bottomtietosuoja > a:hover{
}

.tietosuoja h1 {
 margin: 1.5rem 0 1rem 0;
}
.tietosuoja .bottomlogo {
 margin: 2rem 0 0 0;
}

#turvaform .activateok {
 font-size: 1.5rem;
}