*{

  
}

@font-face {
    font-family: 'font';
    src: url('font.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'font-r';
    src: url('font-regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

body {
overflow-x: hidden;
font-family: 'font', sans-serif;
background-image: rgba(0,0,0,0.8);
margin: 0;
padding: 0;
text-transform: uppercase;
height: 100%;
}

.room-disc-eng {display: none; font-family: font-r; font-size: 1.4em; text-transform: none;}
.room-disc-fin {font-family: font-r; text-transform: none; font-size: 1.4em;}

.eng{display: none;}
.fin{}

.text{font-size: 1em}

.social{width:10%; padding:3%; cursor: pointer;}
.room-logo{ padding-bottom: 10%; cursor: pointer;}


@media screen and (orientation:landscape) { 
.text-s{text-transform: initial; font-size: 1.4em;}
.parallax{min-height: 50%; min-width: 100%;  background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position-x: center;}



#top-logo{width:10%; float: left; padding: 2%; padding-top: 0; padding-bottom: 0;}

.land-h{color: white;  padding: 1%; padding-bottom: 0; margin-bottom: 0; text-transform: uppercase; font-size: 2em;}
.land-h2{color: white;  padding: 1%; padding-top: 0; margin-top: 0; text-transform: none; font-size: 1.4em;}



.room-container{padding: 3%; padding-top: 10%;  color: white; font-size: 1.4em;}

.menu-items{position: relative; left: 25%;}

  #fin{padding-left: 5%;}


#ingress{padding: 5%; background-color: black; color: white; text-transform: none; }
.ingress{font-size: 1.4em; font-family: font-r; text-align: center; padding-top: 0; padding-bottom: 0; width: 50%; margin: auto;}




.teaser-title{font-size: 2em; color: white;}
.teaser-container{ color: white; text-align: center; padding-bottom: 0; padding: 5%;}
 .menutease-r{width: 70%;
    text-align: left;
    margin-right: auto;
    padding: 5%;
  }
    
 .menu-tease-l{width: 70%;
    text-align: left;
    margin-left: auto;
    padding: 5%;
 }

 .blog{padding-top: 10%; padding-bottom: 10%; color: white;}
    .blog-text-container{ padding:10%; margin: auto; min-height: 100%; background-color: rgba(0,0,0,0.5); }  
.action-call-blog{width:90%; text-align: center; position: relative; bottom: 15%; font-size: 1em;}


#reserve-table{padding: 10%; text-decoration: underline;}

#open-hours{float:right; padding-right: 5%;}

#disc{text-align: center;  width: 80%; padding-left:10%;}


.menu-teaser{font-family: font-r; text-transform: none; width: 30%; float: right; padding-right: 20%; font-size: 1.4em; text-align: left;}

.menu-button { 
float: left;
padding-left: 3%;
padding-top: 1%;
padding-bottom: 1%;
color: white;
cursor: pointer;
font-size: 1em;
  }

#room-menu{padding: 5%;}

#topmenu{background-color: rgba(0,0,0,0.7); color: white;}
#landvid {z-index: -1; position: absolute; top: 0; left: 0; width: 100%;}

  .book-button{padding: 1%; border: 1px solid white; text-align: center; width: 30%; background-color: rgba(255,255,255,0.7);}
.book-table-land {color: white;  border: 1px solid white; padding: 1%; width: 15%; margin:auto; cursor: pointer;}
  
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 1%;
  background-color: rgba(0,0,0,0.9);
  padding: 10px;
  padding: 2%;
}


.grid-container-menu {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1%;
  background-color: rgba(0,0,0,0.9);
  padding: 10px;
  padding: 2%;
}


.grid-container-contact {
   display: grid;
   grid-auto-columns: 1fr;
   grid-auto-flow: column;
}

.room-box{background-color: rgba(0,0,0,0.7); color: white; text-align: center; padding: 5%;}



.logo-box{background-color: rgba(0,0,0,0.7); color: white; text-align: center; border-bottom: 1px solid silver; padding: 1%;}


  .grid-container-photo {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 1%;
  background-color: rgba(0,0,0,0.9);
  padding: 10px;
  width: 97%;
  padding: 2%;
}

  

#land {width: 100%;}
#laava-land-text{text-align: center; padding: 5%; background-color: rgba(0,0,0,0.3); padding-top: 30%; height: 90%; }


  #content{ }

form input {padding: 5%; background-color: white; color: black; border:none; border-bottom: 1px solid silver; font-family: font-r;}
form textarea {padding: 5%; background-color: white; color: black; border:none; border-bottom: 1px solid silver; font-family: font-r;}




 
 #sub {width:50%; height: 100px; color: white;  border-bottom: 1px solid white; font-family: font;  padding: 3%; height: 50px; background-color: rgba(0,0,0,0);}



img {
    image-orientation: from-image;
}



}