html,body,div,ol,ul,li,form,table,pre,noscript,p,h1,h2,h3,h4,h5,h6,img,a,span,strong,bold,br,code,input,button,label,textarea,main,header,article,section,aside,details,footer,menu,nav,figure,figcaption
    {margin:0;padding:0}
p,h1,h2,h3,h4,h5,h6{line-height:1.4}
a,img {outline:0;border:0}
main,header,article,section,aside,details,footer,menu,nav,figure{display:block}
html, body {
	width: 100%; 
    height: 100%; 
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%; /* WEBKIT TEXT - JUSTERING */
}
body  {
    min-height: 100%; /* TIL BRUG FOR BAGGROUND IMAGES */
	overflow: hidden; 
	background: #900;
} 
p { 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: black;
	line-height: 1.4;
}
main  {
    position: relative; 
	width: 90%;
	max-width: 630px;
		height: 240px;
	padding: 12px;
    margin: 40px auto;
    border: 2px solid white;
}
header {
	position: absolute;
	z-index: 500;
	margin: 2% 0 0 2%;
	padding: 0 6px;
	border: 2px solid white;
	background: white;
}
header h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	color: #900;
	line-height: 1.8;
}
.text_box  { 
    position: relative;
    border: 2px solid black;
    background: grey;
}
article {
	position: relative;
	margin: 2% 0 0 2%;
	padding: 0 6px;
	border: 2px solid white;
	background: white;
}
ul {
	margin: 4px 7% 20px 7%; 
	padding: 0;
}
ul li {
	margin: 0 0 8px 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #35495e;
	line-height: 1.2;
}


@media only screen and (max-width : 630px)  { 
body  {
	background: grey;
}
main  {
	width: 90%;
	min-width: 320px;
}
}
@media only screen and (max-width : 340px)  { 
body  {
	background: white;
}
}