/*------Mobile--$lobster: 'Lobster', cursive;----*/
.welcome {
  margin-top: 0%; }

.welcometxt {
  width: 100%;
  height: 10%;
  position: fixed;
  top: 0; }
  .welcometxt p {
    color: white;
    font-size: 3vmin;
    text-align: center;
    font-family: "Ubuntu Condensed", sans-serif; }

.leftdiv {
  background-color: none;
  width: 100%;
  float: left; }

.welleft {
  background-image: url(../img/FrontDoor.png);
  height: 100vh;
  width: 35vw;
  background-color: aqua;
  float: left;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat; }
  .welleft img {
    height: 5vw;
    width: auto;
    height: auto; }

.rightdiv {
  background-color: none;
  width: 35%;
  float: right; }

.welright {
  width: 50vw;
  float: right;
  margin-top: -90vh;
  margin-right: 10vw; }
  .welright img {
    width: 100%; }

.welti {
  text-align: center;
  font-family: "Monoton", cursive;
  font-size: 5vmin;
  color: aliceblue; }

.afspraakbuttoncontainer {
  position: fixed;
  width: 100%;
  height: 10%;
  bottom: 0;
  z-index: 99; }

.afspraakbuttonindex {
  width: 50vmin;
  font-size: 3.5vmin;
  background-color: #004d00;
  font-family: "Ubuntu Condensed", sans-serif;
  border: solid 0.2vmin;
  border-color: #006400;
  color: white;
  bottom: 0;
  padding: 1vmin;
  text-align: center;
  float: right; }

.afspraakbuttonindex:hover {
  background-color: white;
  color: #004d00; }

@media (orientation: portrait) {
  .newstxt {
    width: 85%;
    font-size: 10px;
    margin-top: 5%;
    display: block;
    color: white;
    background-color: #004d00;
    padding: 5%; }

  .leftdiv {
    width: 50%;
    display: inline-block;
    float: none;
    margin-top: 2%; }

  .rightdiv {
    background-color: none;
    width: 100vw; }

  .welright {
    width: 121%;
    float: bottom;
    margin-top: 0;
    margin-right: 0; }
    .welright img {
      width: 100%; }

  .welcome {
    width: 121%; }

  .afspraakbuttonindex {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 5%;
    box-shadow: 5px 5px black; }

  .welcometxt {
    height: 5%; } }
html {
  background-image: url(../img/forestbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%; }

.bikkelsbg {
  background-image: url(../img/forestbg.jpg); }

/*--End--*/
/*--Main--*/
.contentcontainer {
  position: relative;
  text-align: left;
  margin-left: 34%;
  color: white; }

.notepad {
  width: 65vw;
  z-index: -99;
  margin-top: 1vh; }

.bikkelstext {
  color: black;
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 85%;
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 1vw;
  overflow: auto;
  height: 90%; }

div.gallery {
  margin-left: 1vw;
  border: 1px solid #ccc;
  float: left;
  width: 17vw; }

div.gallery:hover {
  border: 1px solid #777; }

div.gallery img {
  width: 100%;
  height: auto; }

div.gallerycon {
  border: 1px solid #ccc;
  float: left;
  width: 17vw; }

div.gallerycon:hover {
  border: 1px solid #777; }

div.gallerycon img {
  width: 100%;
  height: auto; }

.contacttext {
  color: black;
  position: absolute;
  top: 50%;
  left: 46%;
  transform: translate(-50%, -50%);
  width: 85%;
  font-family: "Ubuntu Condensed", sans-serif;
  font-size: 1vw;
  overflow: auto;
  height: 90%;
  text-align: left; }

.textcon {
  position: relative;
  margin-left: 18vw; }

.maps {
  position: absolute;
  left: 0;
  margin-top: 7vh; }

/*--Buttons--*/
/* Overflow hidden to reduce potential bugs */
.buttoncontainer {
  background-image: url(../img/frontdoor.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  height: 100vh;
  width: 40vw;
  float: left;
  z-index: 97; }

.overmiddle {
  height: 36vh; }

.middle {
  width: 30vw;
  height: 60vh;
  margin-left: 7vw; }
  .middle img {
    width: 50%;
    margin-top: 1%; }

.mobilemiddle {
  display: none; }

.homebutton {
  width: 7%;
  right: 0px;
  bottom: 0px;
  position: fixed; }

.face {
  position: fixed;
  right: 8%;
  bottom: 0px;
  width: 3%; }

.link {
  position: fixed;
  right: 12%;
  bottom: 0px;
  width: 3%; }

.insta {
  position: fixed;
  right: 16%;
  bottom: 0px;
  width: 3%; }

.mobilehome {
  display: none; }

.mobilelogo {
  display: none; }

.mobiletext {
  display: none; }

/*--End--*/
/*-------------Queries----------------*/
@media (min-aspect-ratio: 21 / 9) {
  .bikkelsbg {
    background-image: url(../img/forestbg.jpg); }

  .middle {
    margin-left: auto;
    margin-right: auto; } }
/*-------------Mobile----------------*/
@media (orientation: portrait) {
  html {
    background-size: cover;
    width: 140vw;
    height: auto;
    top: 0;
    position: absolute; }

  .seasonbg {
    background-image: none;
    background-size: cover; }

  .notepad {
    width: 65vw;
    z-index: -99;
    margin-top: 1vh;
    display: none; }

  .buttoncontainer {
    background-image: url(../img/mobile/doormobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    height: 140vh;
    width: 140vw;
    float: left;
    z-index: 98;
    top: -10%; }

  .overmiddle {
    height: 0vh; }

  .middle {
    width: 140vw;
    height: 60vh;
    margin-left: 0vw;
    display: none; }

  .mobilemiddle {
    width: 100%;
    height: 10%;
    margin-left: 0vw;
    display: block;
    z-index: 99;
    position: fixed; }

  .btn1 img {
    width: 30%;
    margin-top: 1%;
    margin-left: 2vw; }

  .btn2 img {
    width: 30%;
    margin-top: 1%;
    margin-left: 2vw; }

  .btn3 img {
    width: 30%;
    margin-top: 1%;
    margin-left: 2vw; }

  .btn4 img {
    width: 30%;
    margin-top: 1%;
    margin-left: 2vw; }

  .btn5 img {
    width: 30%;
    margin-top: 1%;
    margin-left: 2vw; }

  .btn6 img {
    width: 30%;
    margin-top: 1%;
    margin-left: 2vw; }

  .mobileimg {
    width: 100%; }

  .mobiletext {
    position: fixed;
    font-size: 1em;
    top: 10%;
    height: 65%;
    z-index: 99;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10%;
    display: block;
    background-image: url(../img/mobile/papermobile.png);
    overflow: scroll; }

  .mobilebar {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 15%;
    z-index: 99; }

  .mobilelogo {
    width: 60%;
    height: 100%;
    display: block;
    float: left;
    position: relative; }
    .mobilelogo img {
      width: 100%;
      height: 100%; }

  .mobilehome {
    display: block;
    float: right;
    height: 100%;
    width: 40%;
    text-align: right; }
    .mobilehome img {
      height: 100%; }

  .homebutton {
    display: none; }

  .face {
    position: fixed;
    right: 25%;
    bottom: 0;
    width: 11%; }

  .link {
    position: fixed;
    right: 25%;
    bottom: 5%;
    width: 11%; }

  .insta {
    position: fixed;
    right: 25%;
    bottom: 10%;
    width: 11%; }

  .maps {
    position: absolute;
    left: 0;
    margin-top: 7vh; }

  div.gallerycon {
    border: 1px solid #ccc;
    float: left;
    width: 50vw;
    margin-right: 1%; } }
/*--End--*/
/*--End--*/

/*# sourceMappingURL=main.css.map */