@media screen and (min-width: 601px) {
  body { font-size: 1rem }
  h1.header { font-size: 3.1rem }
}

@media screen and (max-width: 600px) {
  body { font-size: 0.75rem }
  h1.header { font-size: 1.5rem }
}

body { 
        background-color: #674970; 
        color: #2e2256;
        font-family: "Noto Serif", serif;
}

article { 
        background-color: #ffffff; 
        display: block; 
        margin: 20px auto 20px auto;
        padding: 5% 10% 5% 10%;
        min-width: 150px;
        max-width: 500px;
}
header { }

h1.header { line-height: 1.1613em; }

img.logo {
  display: block;
  background: transparent;
  padding: 10px;
  box-shadow: 10px 10px 10px #999;
  width:100%;
  height:auto;
  border: 1px solid #000000;
}

p.center { text-align: center; }

input { line-height: 1.5em; }

.formular {
  border: 0px solid #000000;
  display: block;
  text-align: right;
  width: 380px;
}