@import url("//fonts.googleapis.com/css?family=Terminal+Dosis+Light&v1");
@import url("//fonts.googleapis.com/css?family=Oswald");
body {
  background: url("../images/bg-blue.jpg");
}
a,
a:visited {
  color: #d33638;
  text-decoration: none;
}
h2 a,
h2 a:visited {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: underline;
}
header {
  margin-top: 20px;
  font-family: sans-serif;
  background: url("../images/bg-red.jpg");
  color: #fff;
  text-align: center;
  padding: 6px;
  border-bottom: #434343 3px solid;
}
@media only screen and (min-width: 400px) {
  header {
    padding: 0px;
    height: 100px;
  }
}
h1 {
  font-size: 22pt;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  text-shadow: 2px 2px 1px #434343;
}
@media only screen and (min-width: 400px) {
  h1 {
    font-size: 40pt;
  }
}
@media only screen and (min-width: 1050px) {
  h1 {
    font-size: 50pt;
  }
}
#container {
  *zoom: 1;
  max-width: 1140px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
#container:before,
#container:after {
  content: '';
  display: table;
}
#container:after {
  clear: both;
}
section {
  width: calc(99.99% * 1/1 - (20px - 20px * 1/1));
  height: auto;
  margin-top: 20px;
  background: #fff;
}
section:nth-child(n) {
  margin-right: 20px;
  float: left;
  clear: none;
}
section:last-child {
  margin-right: 0;
}
section:nth-child(1n) {
  margin-right: 0;
  float: right;
}
section:nth-child(1n + 1) {
  clear: left;
}
@media only screen and (min-width: 800px) {
  section {
    width: calc(99.99% * 1/2 - (20px - 20px * 1/2));
  }
  section:nth-child(n) {
    margin-right: 20px;
    float: left;
    clear: none;
  }
  section:last-child {
    margin-right: 0;
  }
  section:nth-child(2n) {
    margin-right: 0;
    float: right;
  }
  section:nth-child(2n + 1) {
    clear: left;
  }
}
h2,
h3,
.tekst {
  padding-left: 20px;
  padding-right: 20px;
}
h2,
h3 {
  font-family: 'Terminal Dosis Light', sans-serif;
}
h2,
h2 a {
  margin-bottom: 1pt;
  font-size: 20pt;
  text-decoration: none;
  color: #000;
}
h3 {
  margin-top: 0pt;
  font-size: 12pt;
}
.float-right img {
  *zoom: 1;
  max-width: 1140px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-left: 5px;
}
.float-right img:before,
.float-right img:after {
  content: '';
  display: table;
}
.float-right img:after {
  clear: both;
}
@media only screen and (min-width: 400px) {
  .float-right img {
    float: right;
    margin: 0 20px 20px 20px;
  }
}
footer {
  margin-top: 20px;
  background: url("../images/bg-red.jpg");
  color: #fff;
  padding: 10px 0;
  text-align: center;
}