/*basics*/
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  color: #52280B;
  font-size:12px;
  background:#CA983C;
}

h1 {
  font-size:32px;
  font-weight:900;
  margin: 0;
  padding: 0 0 10px 0;
  line-height:38px;
}

h2 {
  font-size:18px;
  color:#000000;
  font-weight:700;
  margin: 0;
  padding: 20px 0 6px 0;
  line-height:32px;
}

h3 {
  font-size:14px;
  color:#000000;
  font-weight:700;
  padding: 10px 0 0px 0;
  line-height:16px;
  margin:0 0 5px 0;
}


p {
  font-size:18px;
  margin: 0 0 10px 0;
  padding: 0;
}

li {
  font-size:16px;
  padding: 0;
}

a, a:visited {
  color:#000000;
}

a:hover, a:active {
  color:#666666;
  text-decoration:underline;
}

header {
  width:100%;
}

footer {
  clear:both;
  min-height:300px;
  background:#A1532B;
  color:#ffffff;
}

article {
  margin:50px 0;
  clear:both;
}

address {
  font-style:normal;
  font-size:16px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.center {
  text-align:center;
}

.content-wrapper {
  margin:0 auto;
}

.image-wrapper {
  width:80%;
  margin:0 auto;
}

.split {
  float:left;
  width:50%;
  margin:0 auto;
}

.img-wrapper {
    text-align:center;
    padding: 20px 0 100px 0;
}

#slogan {
    width:70%;
}

.navnetraek {
  width:60%;
  margin:50px auto;
}

#navn {
  width:100%;
}


.hero {
  width:80%;
}

.collage {
  width:55%;
  margin-top:-50px;
  border-width: 5px;
  border-color: #A14F30;
  border-style: solid;
  box-shadow: 0px 0px 15px black;
}

.tilt-right {
  transform: rotate(2deg);
}

.tilt-left {
  transform: rotate(-2deg);
}

.text-indent {
  padding:50px 10% 50px 50px;
}

.oldermand {
  padding:50px 10% 50px 50px;
}

.lurikon {
  float:left;
  width:30%;
}

.lurfest {
  float:left;
  padding-top:100px;
  padding-right:100px;
  width:70%;
}

.tilbage {
  text-align:center;
  padding:0 0 50px 0;
}


@media only screen and (max-width: 850px)  {
  .navnetraek {
  width:80%;
  margin:50px auto;
}

.split {
  width:100%
}

.collage {
  width:90%;
  margin-top:-5px;
  border-width: 5px;
  border-color: #A14F30;
  border-style: solid;
  box-shadow: 0px 0px 15px black;
}

.lurikon {
  float:left;
  text-align: center; 
  width:100%;
}

.lurfest {
  float:left;
  padding:0 50px 20px 50px;
  width:100%;
  margin:0 auto;
  text-align: center;
}

  }