/* Layout */

body {
  padding: 0;
  margin: 0;
  background-image: url('images/gray.png');
}

main {
  padding: 36mm 10mm 13mm 10mm;
}

heading {
  display: block;
  margin: -0.6cm -20mm 2mm -7mm;
  padding: 3cm 2cm 0cm 1.5cm;
  position: fixed;
  width: 100%;
  top: 0;
  -ms-transform:rotate(-6deg) translate(-0.2%,-14%);
  -moz-transform:rotate(-6deg) translate(-0.2%,-14%);
  -webkit-transform:rotate(-6deg) translate(-0.2%,-14%);
  transform:rotate(-6deg) translate(-0.2%,-14%);
  margin-top: -2.6cm;
}

heading h1 {
  margin: 1.9mm 0 5.2mm 0;
  line-height: 79%;
}

.image-group {
  display:block;
}

.image-group > * {
  display:inline-block;
}

.image-group > *, #karta {
  margin: 0.65cm 2.6mm;
}

#faktaruta {
  float:right;
}

footer {
  clear: both;
}

/* Färg & form */

heading h1 {
  font-family: 'Allerta Stencil', sans-serif;
  letter-spacing: -0.046em;
  font-size: 2.6cm;
  text-shadow: -0.4mm 0.6mm 0.5mm rgba(0,0,0,0.3);
}

heading {
  border-bottom: 0.9mm rgb(60,60,60) solid;
  background:url('images/yellow.png');
  box-shadow: rgba(0,0,0,0.2) 0 0 3mm 4mm;
  color:rgba(50,50,50,0.9);
}

main {
  background-image: url('images/green.png');
  box-shadow: 0mm 2.1mm 2mm rgba(0,0,0,0.17);
  
  font-family: 'Rajdhani';
  font-size: 4.1mm;
  text-align: center;
  line-height: 1.4em;
  color: #bbb;
}

h3 {
  font-size: 7.7mm;
  margin: 1.8em 0 0.5em 0;
  line-height: 97%;
}

footer {
  padding: 4mm 7mm;
  color: rgba(255, 255, 255, 0.59);
  letter-spacing: 0.05em;
}

a, a:visited {
  color: rgba(205, 173, 13, 0.78);
  text-decoration:none;
}

.intro-titel {
  font-size: 6.5mm;
  font-weight: 700;
}

footer, .intro-titel {
  font-family: 'Allan', cursive;
  text-transform: uppercase;
}

img.framed {
  background-image: url('images/yellow.png');
  padding: 0.6mm;
}

.blueprint-box {
  border: 1mm rgba(195, 172, 0, 0.9) solid;
  border-spacing:0;
  /*background-color: rgba(195, 172, 0, 0.09);*/
  padding: 0;
  /*color: rgba(195, 172, 0, 1.0);*/
  
  border: 0.6mm rgba(255, 255, 255,0.5) solid;
}

.blueprint-box td {
  text-align: left;
  
  border: 0.6mm rgba(255, 255, 255,0.5) none;
  border-style: none none solid solid;
  padding: 2.4mm;
}

#karta {
  width: 60%;
  min-width: 10cm;
  max-width: 17cm;
}

@media (max-width: 999px) {
  .image-group {
    display:inline-block;
  }
  
  .image-group > * {
    display:block;
  }
}

@media (max-width: 20cm) {
  heading {
    margin-top: -2.35cm;
  }
  heading h1 {
    font-size: 15mm;
  }
  .intro-titel {
    font-size: 4.4mm;
  }
}