*{
  margin:0;
  padding:0;
}

@font-face {
  font-family: tt_norms_proregular;
  src: url(fonts/TT-Norms-Pro-Regular.otf);
}

@font-face {
  font-family: 'tt_norms_proregular';
  src: url('./Fonts/tt_norms_pro_regular-webfont.woff2') format('woff2'),
       url('./Fonts/tt_norms_pro_regular-webfont.woff') format('woff');
}

body{
  margin:0;
  font-family: tt_norms_proregular, "Helvetica Neue", Helvetica, sans-serif;
  font-size:17px;
  color:#000000;
  line-height:1.6;
}

#showcase{
  background-color:#ffe195;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:500px;
  align-items:center;
  text-align:center;
  padding:0 20px;
  padding-bottom:160px;
}

.showcase-logo{
  height:100px;
}


#showcase h1{
  line-height:1.2;
  font-weight: bold;
  padding-top: 60px;
  color:#1b1b1b;
}


#showcase p{
  font-size:16px;
  max-width: 800px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 40px;
  line-height:normal;
  color: #635228;
}

html {
  scroll-behavior: smooth;
 }


#showcase .button{
  font-size:18px;
  text-decoration:none;
  color:#000000;
  background-color: #FFBC11;
  padding: 10px 40px;
  border-radius:10px;
  margin-top:20px;

}

#showcase .button:hover{
  background:#c4900e;
  color:#000000;
}

#section-a{
  padding: 20px;
  background:#fffef9;
  color:#303030;
  text-align:center;
  

}

.sauna-huren-image {
  max-height: 1200px;
  max-width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px;


}

#columns-a{
  padding-top:40px;
  background:#fffef9;
}

#columns-a p2{
color:#4d4d4d;
}

#pictures {
  background:#fffef9;
}

.column {
  float: left;
  width: 260px;
  padding-left:20px;
  padding-right:20px;
}

section {
  display: grid;
  justify-content: center;
  align-content: center;
  grid-auto-flow: column;
  gap: 20px;
  padding-top:20px;
  padding-bottom:50px;
}

.column p {
 font-size:22px;
 font-weight:bold;
 padding-bottom:20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}




/* .column-2 {
  float: left;
  width: 33.33%;
  padding:5px;
} */

.row::after {
  content: "";
  display: table;
  clear: both;
}


#section-b{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  text-align:center;
  padding-top:40px;
  padding-bottom:30px;
  padding-left:22px;
  padding-right:22px;
  background:#ffe195;
  text-align:center;

}
#section-b h1{
font-size: 32px;
}

#section-b p{
  font-size: 24px;
padding-bottom: 10px;
}

#section-b a{
  padding-left:8px;
  font-size:24px;
    color: rgb(24, 48, 18);
}

.showcase-logo{
  padding-top:20px;
}

#section-b p2{
  font-size:24px;
  padding-left:8px;
  color:#1b1b1bbd;
   }
   
#section-b ul li {
    list-style-type: none;
    color:#1b1b1bbd;
}


.contactmenu li {
  display: inline;

}

@media (min-width: 800px) {
  #section-b h1 {
      font-size: 5vw;
    }
  #section-b p {
      font-size: 2vw;
      padding-bottom:20px;
      
    }
  }
  
  @media (min-width: 1000px) {
    #section-b h1 {
        font-size: 42px;
      }
    #section-b p {
        font-size: 24px;
          padding-bottom:20px;      
      }
    }

    @media   (max-width: 400px) {
      #section-b p {
        font-size:18px;
      }

    }
  


@media (min-width: 800px) {
  #showcase h1 {
      font-size: 5vw;
    }
  #showcase p {
      font-size: 2vw;
      
    }
  }
 

  @media screen and (max-width: 800px) {
    #showcase h1 {
      font-size: 34px;
    }
    #showcase p {
      font-size: 18px; 
      }
  }

    @media screen and (max-width: 600px) {
.sauna-image {
  max-width: 80vw;
}
    }
    @media screen and (max-width: 930px) {
       .column p{
        font-size: 19px;
      }
      .column p2 {
        font-size: 17px; 
      }
      .column {
        width: 300px;
max-width: 200px;  
padding-left:10px;
padding-right:10px; 
      }
    }    

    @media screen and (max-width: 680px) {
      .column {
        max-width: 80vw;
        width: 100%;
padding-left:35px;
padding-bottom:50px;

      }
    }


    .row-2 {
      display:flex;
      justify-content: space-around;
      gap:8px;
    }
  
    @media screen and (max-width: 1000px) {
      .row-2 {
  
          display: flex;
          flex-direction:column;
          justify-content:flex-start;
          align-items: center;
         
      }
    }  
  
    @media screen and (max-width: 1000px) {
      .column-2 {
  max-width:70vw;
      }
    }  

    @media screen and (max-width: 700px) {
      .column-2 {
  max-width:80vw;
      }
    }  

    @media screen and (max-width: 730px) {
      .sauna-huren-image {
      max-width:85vw;
    }
  }

  @media screen and (max-width: 600px) {
    #section-b p2 {
      font-size:18px;
    }
  }
  @media screen and (max-width: 600px) {
    #section-b a {
      font-size:18px;
    }
  }
    
 

/* 
    @media screen and (max-width: 1000px) {
      .row-2 .column-2{
        width: 100%;
        max-width: 60vw;
        display: flex;
        justify-content:center;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        padding-left:40px;
        
      }
    }  

    @media screen and (max-width: 700px) {
      .row-2 .column-2{
        width: 100%;
        max-width: 80vw;
        display: flex;
        justify-content:center;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        padding-left:40px;
      
        
      }
    }   */
/*
    @media screen and (min-width: 1000px) {
      #showcase{
        background-image:url(images/Rectangle1.png);
        background-size:cover;
        background-position:center;
        height:600px;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        padding:500px;
        align-items:center;
        text-align:center;
        padding:0 20px;
        padding-bottom:100px;
      }
    }

*/