body {
  height: 100%;
  background: url('//bits.efn.no/img/void-xsymmetric.png?width=256') repeat-x top/auto 100% rgb(30,26,64);
}

/* For width 256px and larger: */
@media only screen and  (min-height: 256px) {
    body {
	height: 100%;
	background: url('//bits.efn.no/img/void-xsymmetric.png?width=512') repeat-x top/auto 100% rgb(30,26,64);
    }
}

/* For width 512px and larger: */
@media only screen and  (min-height: 512px) {
    body {
	height: 100%;
	background: url('//bits.efn.no/img/void-xsymmetric.png') repeat-x top/auto 100% rgb(30,26,64);
    }
}

#container {
    margin: 0 auto;
    margin-top: 10px;
    max-width: 800px;
    padding: 20px;
}

h1, h2, h3,
h4, h5, h6 {
  color: orange;
   text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}