* {
  margin : 0;
  padding : 0;
  font-family: 'Roboto', sans-serif;
}
html {
    height : 100%;
}
body {
  background : #fff;
  height : 100%;
}

/* Header */

header {
  width : 100%;
  height : 100vh;
  background-image : url('header_inne.jpg');
  background-size: cover;
  background-position: center;
  box-shadow:inset 0 0 0 2000px rgba(240, 203, 211, 0.5);
}
#julebord {
  background-image : url('julebordbg23.jpg');
  box-shadow: none;
}
#ektefolk {
  background-image : url('ektefolkheader.jpg');
}
#nyhetsbrev {
  background-image : url('bg.jpg');
  height : auto;
  box-shadow: none;
}
p.social {
  float : right;
  margin-right : 20px;
  margin-top : 20px;
}
p.social img {
  max-height : 100%;
  max-width : auto;
}
h1 {
  margin : 0 auto;
  width : 274px;
}
header h2 {
  max-width : 1000px;
  margin : 0 auto;
  text-align : center;
  font-family: "BobbyJones-Regular";
  font-size : 96px;
  font-weight : 400;
}
header h3 {
  background : #000;
  color : #FFF;
  margin : 60px auto;
  text-align : center;
  font-family: "BobbyJones-Regular";
  width : 530px;
  font-size : 30px;
  font-weight : 400;
  transform: rotate(-5deg);
}
header#julebord h2 {
  font-size : 128px;
  color : #FFF;
  font-family: "BobbyJones-Regular";
  transform: rotate(-2deg);
  z-index: 2;
  position : relative;
  top : -10px;
}
header#julebord h3 {
  background : #831f21;
  transform: rotate(-2deg);
  font-size : 52px;
  width : 470px;
  margin : 10px auto;
  z-index: 2;
  position : relative;
  top : -10px;
}
header#julebord h3.short {
  width : 300px;
}
img.nisse {
  width : 30%;

  float : right;
  position : absolute;
  bottom : 0;
  right : 0;
}
#julebord p.ingress {
  background : #000;
  color : #FFF;
  margin : 60px auto;
  padding : 5px;
  text-align : center;
  font-family: "BobbyJones-Regular";
  width : 530px;
  font-size : 20px;
  font-weight : 400;
  transform: rotate(-5deg);
}

/* Booking */

#booking {
  max-width : 1080px;
  display : flex;
  align-items: center;
  margin : 0 auto;
  padding : 40px 0;
}
p.bookingImage {
  max-width : 644px;
  height : auto;
}
p.bookingImage img {
  width : 100%;
  max-width : 100%;
  height : auto;
}
#booking h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  margin : 20px;
}
#booking p {
font-family: 'Roboto', sans-serif;
font-size : 18px;
margin : 20px;
}
#booking p a {
  color : #000;
  text-decoration: underline;
}
#booking p a:hover {
  color : #f5c9d3;
  text-decoration: none;
}

/* Juleboks */

#juleboks {
  max-width : 1080px;
  display : flex;
  align-items: center;
  margin : 0 auto;
  padding : 40px 0;
}
p.juleboksImage {
  max-width : 644px;
  min-width : 480px;
  height : auto;
}
p.juleboksImage img {
  width : 100%;
  max-width : 100%;
  height : auto;
}
#juleboks h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  margin : 20px;
}
#juleboks p {
font-family: 'Roboto', sans-serif;
font-size : 18px;
margin : 20px;
}
#juleboks p a {
  color : #fff;
  text-decoration: none;
}
#juleboks a.knapp {
  background : #db2122;
  border : 4px solid #db2122;
}
#juleboks a.knapp:hover {
  background : #000;
  border : 4px solid #000;
}
#juleboks p a:hover {
  color : #db2122;
  text-decoration: none;
}
a.knapp {
  min-width : 150px;
  height : 66px;
  background : #f0cbd3;
  border : 4px solid #f0cbd3;
  color : #000;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
  text-decoration : none;
  position : relative;
  top : 10px;
}
a.knapp:hover {
  min-width : 150px;
  height : 66px;
  background : #000;
  border : 4px solid #000;
  color : #f0cbd3;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
}

/* Ektefolk boks */

#ekteboks {
  max-width : 1080px;
  display : flex;
  flex-direction: row-reverse;
  align-items: center;
  margin : 0 auto;
  padding : 40px 0;
}
p.ekteboksImage {
  max-width : 644px;
  height : auto;
}
p.ekteboksImage img {
  width : 100%;
  max-width : 100%;
  height : auto;
}
#ekteboks h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  margin : 20px;
}
#ekteboks p {
font-family: 'Roboto', sans-serif;
font-size : 18px;
margin : 20px;
}
#ekteboks p a {
  color : #000;
  text-decoration: none;
}
#ekteboks p a:hover {
  color : #f2a86b;
  text-decoration: none;
}
#ekteboks a.knapp {
  min-width : 150px;
  height : 66px;
  background : #f2a86b;
  border : 4px solid #f2a86b;
  color : #000;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
  text-decoration : none;
  position : relative;
  top : 10px;
}
#ekteboks a.knapp:hover {
  min-width : 150px;
  height : 66px;
  background : #000;
  border : 4px solid #000;
  color : #f2a86b;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
}

/* Badstu boks */

#badstuboks {
  max-width : 1080px;
  display : flex;
  flex-direction: row-reverse;
  align-items: center;
  margin : 0 auto;
  padding : 40px 0;
}
p.badstuImage {
  max-width : 644px;
  height : auto;
}
p.badstuImage img {
  width : 100%;
  max-width : 100%;
  height : auto;
}
#badstuboks h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  margin : 20px;
}
#badstuboks p {
font-family: 'Roboto', sans-serif;
font-size : 18px;
margin : 20px;
}
#badstuboks p a {
  color : #000;
  text-decoration: underline;
}
#badstuboks p a:hover {
  color : #f0cbd3;
  text-decoration: none;
}
#badstuboks a.knapp {
  min-width : 150px;
  height : 66px;
  background : #f0cbd3;
  border : 4px solid #f0cbd3;
  color : #000;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
  text-decoration : none;
  position : relative;
  top : 10px;
}
#badstuboks a.knapp:hover {
  min-width : 150px;
  height : 66px;
  background : #000;
  border : 4px solid #000;
  color : #f0cbd3;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
}

/* Events */

#events {
  max-width : 1080px;
  align-items: center;
  margin : 0 auto;
  padding : 40px 0;
}
#events h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  text-align: center;
}
p {
  font-family: 'Roboto', sans-serif;
  font-size : 18px;
  margin : 20px;
}
#events ul {
  margin : 20px;
  font-family: 'Roboto', sans-serif;
  font-size : 18px;
}
#events ul li {
  margin : 5px;
  margin-left : 15px;
}

/* Content */

#content {
  max-width : 750px;
  align-items: center;
  margin : 0 auto;
  padding : 40px 0;
}
#content h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  text-align: center;
}
#content h3 {
    font-family: "BobbyJones-Regular";
    font-weight : 400;
    font-size : 34px;
    margin : 20px;
}
#content h4 {
    font-family: "BobbyJones-Regular";
    font-weight : 400;
    font-size : 24px;
    margin : 20px;
}
#content img {
  max-width: 100%;
  height : auto;
  width : 100%;
}
p {
  font-family: 'Roboto', sans-serif;
  font-size : 18px;
  margin : 20px;
}
#content ul {
  margin : 20px;
  font-family: 'Roboto', sans-serif;
  font-size : 18px;
}
#content ul li {
  margin : 5px;
  margin-left : 15px;
}
#content p a {
  color : #000;
  text-decoration: underline;
}
#content p a:hover {
  color : #f5c9d3;
  text-decoration: none;
}

#video {
  width : 100%;
  max-width : 1080px;
  margin : 0 auto;
}
.videoContainer {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}
.videoContainer iframe, .videoContainer object, .videoContainer embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Epost */

#newsletter {
  width : 100%;
  background : url('bg.jpg');
  background-size: cover;
  height : 665px;
}
#newsletterContainer {
  max-width : 1080px;
  margin : 0 auto;
  padding-top : 60px;
}
#content #newsletterContainer {
  padding-top : 0;
}
#newsletter h2 {
  font-family: "BobbyJones-Regular";
  font-weight : 400;
  font-size : 64px;
  color : #FFF;
  text-align: center;
  max-width : 750px;
  margin : 0 auto;
  margin-top : 40px;
}

/* Skjema */

#mc_embed_signup_scroll {
  display : flex;
  width : 750px;
  margin : 40px auto;
  justify-content: space-around;
}
#mce-EMAIL {
  min-width : 500px;
  height : 66px;
  background : none;
  border : 2px solid #FFF;
  padding : 0 12px;
  color : #FFF;
  font-size : 24px;
}
#content #mce-EMAIL {
  border : 2px solid #000;
}
#mc-embedded-subscribe {
  min-width : 150px;
  height : 66px;
  background : #f0cbd3;
  border : 4px solid #f0cbd3;
  color : #000;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
}
#mc-embedded-subscribe:hover {
  min-width : 150px;
  height : 66px;
  background : #000;
  border : 4px solid #000;
  color : #f0cbd3;
  font-family: "BobbyJones-Regular";
  font-size : 24px;
  padding : 8px 12px;
}

/* Footer */

footer {
  background : #000;
  display : flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 50vh 0 50vh #000;
}

/* Mobiltilpasning */

@media all and (max-height: 783px) {
    header h2 {
        font-size : 9vh;
    }
    header h3 {
      background : #000;
      color : #FFF;
      margin : 60px auto;
      text-align : center;
      font-family: "BobbyJones-Regular";
      width : 400px;
      font-size : 4vh;
      font-weight : 400;
      transform: rotate(-5deg);
    }
  }

@media all and (max-width: 1000px) {
  header h2 {
    font-size : 8vw;
  }
  #julebord h2, #ektefolk h2, #nyhetsbrev h2 {
    font-size : 15vw;
  }
@media all and (max-width: 750px) {
  #booking h2, #events h2 {
    font-size : 56px;
  }
  #newsletter h2 {
    font-size : 42px;
  }
  header#julebord h2 {
    font-size : 20vw;
  }
  #booking, #juleboks, #ekteboks {
    display : flex;
    align-items: center;
    padding : 40px 20px;
    flex-direction: column-reverse;
  }
  p.bookingImage, p.juleboksImage, p.ekteboksImage {
    margin-top : 40px;
  }
  p.social {
    height : 32px;
  }
  p.social img {
    height : 32px;
  }
  #mc_embed_signup_scroll {
    width : 90%;
  }
  #mce-EMAIL {
      min-width : 200px;
  }
}
@media all and (max-width: 530px) {
  h1 {
    margin : 0 auto;
    width : 204px;
  }
  h1 img {
    max-width : 100%;
    height : auto;
  }
  header h3 {
    background : #000;
    color : #FFF;
    margin : 60px auto;
    text-align : center;
    font-family: "BobbyJones-Regular";
    width : 75vw;
    font-weight : 400;
    font-size : 5vw;
    transform: rotate(-5deg);
  }
  header#julebord h3 {
    background : #db2122;
    transform: rotate(-2deg);
    font-size : 9vw;
    width : 75vw;
    margin : 5px auto;
  }
  header#julebord h3.short {
    width : 50vw;
  }
  img.nisse {
    width : 40%;
  }
  #julebord p.ingress, #ektefolk p.ingress #nyhetsbrev p.ingress {
    font-size : 5vw;
    width : 75vw;
  }
  #mc_embed_signup_scroll {
    flex-direction: column;
    align-items: stretch;
  }
  #mce-EMAIL {
    width : 90%;
    margin : 20px 0;
  }
  #mc-embedded-subscribe {
    width : 50%;
    margin : 20px 0;
  }
}