@media (max-width: 450px) {

/*--------------------------------------------------------------*/
/*----------------------------FACTORY----------------------------*/
/*--------------------------------------------------------------*/



header{
  width:100%;
  height:calc(var(--vh) * 100);
  position:relative;
  }
  
  
  .INFherotainer{
    position:fixed;
    width:100%;
    height:calc(var(--vh) * 100);
    display:flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
    z-index:-1;
  }
  
  
  
  
  .heroloader{
    position:absolute;
    width:100%;
    height:calc(var(--vh) * 100);
    background-image: url("./img/DSC_0365_2_modified_knqilt/DSC_0365_2_modified_knqilt_c_scale,w_190.webp");
    background-size: 100%;
    z-index:2;
    box-sizing: initial;
    padding:10%;
    filter:blur(3px);
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  
  .INFherotainer > img{
    position: absolute;
    width: 100%;
    transform: scale(1);
    object-fit: cover;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.25s ease-in;
    z-index: 3;
    height: 100%;
  }
  
.container{
  width:100%;
  background-color: white;
}




.INFInfobox{
  position: absolute;
  background-color: rgb(10, 10, 10);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12%;
  box-sizing: border-box;
  max-width: 26rem;
  left: 15%;
  left: 10%;
  right: 10%;
  top: 17%;

}
.INFInfobox > h1{
  font-family: 'Playfair Display', serif;
  font-size: max(20px + 2vw, 22px );
  color:#ffffff;
  font-weight: 500;
  transform:scale(1,1.055);
  margin-bottom:5%;
}
.INFInfobox > p{
 color:#fefefe;
}

/*
-------------------------------MAIN------------------------------------------------
*/


.container{
width:100%;
}


.welcometext{
width:100%;
padding: 15% 13%;
}

.welcometext > p{

}

.icontainer{
  width: 100%;
  background-color: #efefef;
  display: flex;
  padding: 5% 6%;
  position: relative;
  flex-direction: column;
}

.icontainer > p{
  padding: 7% 9%;
}

.icontainer > span{
  display: flex;
  width: 100%;
  padding: 6% 0;
  align-items: center;
}

.icontainer > span > img{
  width: 20vw;
}

.textinspan{
  display: flex;
flex-direction: column;
width: auto;
margin-left: 7%;

}

.textinspan > h3{
color: #707070;
margin-bottom: 2%;
}
.textinspan > p{
  font-size: 14px;
}





  
/*---------------------GALLERY--------------------*/

  .gallerytainer{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center; 
    margin-top:5vw; 
  }

  .slidercontainer{
  width:90vw;
  overflow: hidden;
  background-color:rgb(0, 0, 0);
  position:relative;
  }
  
  .sliderlining{
  display:flex;
  flex-flow: row nowrap;
  overflow: auto;
  flex: none;
  padding-bottom:0;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  background-color:rgb(0, 0, 0);
  }
  
  .sliderlining {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
  }
  .sliderlining::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
  }


  .imghodlR{
    min-width:100%;
    aspect-ratio: 7216 / 4810;
    height:auto;
    scroll-snap-align: end;
    scroll-snap-stop:always;
    overflow:hidden;
    position:relative;
    display:flex;
  }
  .imghodlR > img{
    width:100%;
    object-fit: contain;
  }
  
  .navcontainer{
    width:50vw;
    display:flex;
    margin-top:2%;
  }
  
  .radio{
    width:calc(50vw/19);
    height:calc(50vw/19);
    position:relative;
    padding: 1.6%;
  }
  
  .radio:hover{
    transform:scale(1.1)
  }
  
  .rb{
    background-color:rgb(255, 255, 255);
    outline:1px solid rgb(241, 241, 241);
    width:100%;
    height:100%;
    box-shadow: -2px 2px 3px -1px rgba(0,0,0,0.32);
    border-radius: 50%;
  }


  
.visible{
  box-shadow: inset -2px 2px 3px -1px rgba(0,0,0,0.32);
}


.lefty{
  display: none;
}
.lefty:hover{
  opacity:0.8;
}
.lefty:active{
  opacity:0.6;
}

.righty{
  display: none;
}
.righty:hover{
  opacity:0.8;
}
.righty:active{
  opacity:0.6;
}

  
  /*---------------------GALLERY--------------------*/

  .blocktexttainer{
    padding: 5% 13% 10% 13%;
  }


  .section1{
    display: flex;
    margin-bottom: 5%;
    flex-direction: column;
  }


  .section1 > img{
    width: 30vw;
    object-fit: contain;
    align-self: center;
    margin: 10%;
  }
  
  .section1 > p{
  padding-top: 4%;
  }

  .section2{
    display: flex;
    flex-direction: column;
  }

  .section2 > p:nth-of-type(2){
    margin-bottom:10%;
  } 
  .section2 > p:nth-of-type(1){
 
  }
  
  

  .footer{
    padding:12% 13% 14% 13%;
    background-color:rgb(14, 14, 14);
    display: flex;
    flex-direction: column;
  }
  .footer > p{
    color:white;
    font-style: italic;
  }

  .footer > img{
    align-self: flex-end;
    width: 32vw;
    object-fit: contain;
    margin-top: 10%;
  }


}