@media only screen and (min-width: 1080px)  {
html { height:100%; -webkit-text-size-adjust: none; }
body { height:100%; margin: 2em 0 0 2em; border: 0; padding: 0; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 0.8em; color: black; background-color: silver; }
#main { position: absolute; top: 50%; left: 50%; margin: -39em 0 0 -36em; border: #edcabb 2px solid; padding: 0; width: 60em; }
#header { margin: 0; padding: 0; height: 9em; }
#content { margin: 0 1.1em 0 1.1em; padding: 1em; background-color: #7c9742; }
#footer { margin-top: 0.8em; padding: 0; text-align: center; font-size: 0.9em; }
				/* format */
address { margin: 0.5em; font-style: normal; text-align: center; }
a { white-space: pre; }
a:link { color: #ff9e35; }
a:visited { color: silver; }
.fontbold { font-weight: bold; }
p { margin: 0.7em; margin-left: 1em; }

h1 { margin: 0; padding: 0 0 0.2em 0; text-align: center; font-size: 6.7em; letter-spacing: -0.15em; color: #ff9e35; }
h1:before { content: "| "; color: #ff9e35; }
h1:after { content: " |"; color: #ff9e35; }
h2 { position: absolute; top: 8.76em; left: 8.6em; margin: 0; padding: 0; color: #2e2e2e; font-size: 1.8em; letter-spacing: 0.09em; z-index: 1; }
h3, h4 { margin: 0; padding: 1em 0.5em 0.7em 0.7em; text-align: left; font-size: 1.3em; text-decoration: underline; }

      /*   bilder   */
#pass { float: right; margin: 0.5em 1em 1em 1em; border: 1px; border-style: solid; }
}
@media only screen and (max-width: 1080px)  {
html { height: 100%; -webkit-text-size-adjust: none; }
body { height: 100%; margin: 0; border: 0; padding: 0; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 1em; color: black; background-color: silver; }
#main { position: absolute; top: 0; left: 0; margin: 0; border: #edcabb 2px solid; padding: 0; width: auto; }
#header { margin: 0; padding: 0; height: auto; }
#content { margin: 0 0.3vw 0 0.3vw; padding: 0.3vw; background-color: #7c9742; }
#footer { margin: 0; padding: 0.8vw 0 0.8vw 0; text-align: center; font-size: 1em; }
address { margin: 0.5em; font-style: normal; text-align: center; }
a { font-size: 1.2em; white-space: pre; }
a:link { color: #ff9e35; }
a:visited { color: silver; }
.fontbold { font-weight: bold; }
p { margin: 0.5em; margin-left: 0.3em; }
h1 { margin: 0; padding: 0 0 0.2vw 0; text-align: center; font-size: 8vw; letter-spacing: -0.15em; color: #ff9e35; }
h1:before { content: "| "; color: #ff9e35; }
h1:after { content: " |"; color: #ff9e35; }
h2 { position: relative; top: -3vw; left:31.5vw; width: 17em; margin: 0px; border: 0; padding: 0px; color: #2e2e2e; font-size: 2.15vw; letter-spacing: 0.09em; z-index: 1; }
h3, h4 { margin: 0; padding: 1em 0.5em 0.7em 0.7em; text-align: left; font-size: 1.3em; text-decoration: underline; }
#pass { float: right; margin: 0.5em 1em 1em 1em; border: 1px; border-style: solid; }
}
@media only screen and (max-width: 640px)  {
html { height:100%; -webkit-text-size-adjust: none; }
body { height:100%; margin: 0; border: 0; padding: 0; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 1em; color: black; background-color: #dddddd; }
#main { position: absolute; top: 0; left: 0; margin: 0; border: #edcabb 2px solid; padding: 0; width: auto; }
#content { margin: 0 0.3vw 0 0.3vw; padding: 0.3vw; background-color: #7c9742; }
#footer { margin: 0; padding: 0.8vw 0 0.8vw 0; text-align: center; font-size: 1em; }
a { font-size: 1.2em; white-space: pre; }
a:link { color: #ff9e35; }
a:visited { color: silver; }
.fontbold { font-weight: bold; }
h1 { margin: 0; padding: 0 0 0.2vw 0; text-align: center; font-size: 16vw; letter-spacing: -0.15em; color: #ff9e35; }
h1:before { content: "| "; color: #ff9e35; }
h1:after { content: " |"; color: #ff9e35; }
h2 { position: relative; top: -5.8vw; left: 23.4vw; margin: 0; padding: 0; color: #2e2e2e; font-size: 4.1vw; letter-spacing: 0.09em; width: 18em; z-index: 1; }
#pass { visibility: hidden; display: none; }
}
@media only screen and (max-width: 440px)  {
html { height:100%; -webkit-text-size-adjust: none; }
body { height:100%; margin: 0; border: 0; padding: 0; font-family: verdana, geneva, arial, helvetica, sans-serif; font-size: 1em; color: black; background-color: #dddddd; }
#main { position: absolute; top: 0; left: 0; margin: 0; border: #edcabb 2px solid; padding: 0; width: auto; }
#content { margin: 0 0.3vw 0 0.3vw; padding: 0.3vw; background-color: #7c9742; }
#footer { margin: 0; padding: 0.8vw 0 0.8vw 0; text-align: center; font-size: 1em; }
a { font-size: 1.2em; white-space: inherit; }
a:link { color: #ff9e35; }
a:visited { color: silver; }
.fontbold { font-weight: bold; }
h1 { margin: 0; padding: 0 0 0.2vw 0; text-align: center; font-size: 18vw; letter-spacing: -0.15em; color: #ff9e35; }
h1:before { content: "| "; color: #ff9e35; }
h1:after { content: " |"; color: #ff9e35; }
h2 { position: relative; top: -6.8vw; left: 20vw; width: 16em; margin: 0; padding: 0; color: #2e2e2e; font-size: 4.8vw; letter-spacing: 0.09em; z-index: 1; }
#pass { visibility: hidden; display: none; }
}