@media only screen and (max-width: 812px) {
  /* For mobile phones: */
    .col-s-1 {grid-column-end: span 1;}
    .col-s-2 {grid-column-end: span 2;}
    .col-s-3 {grid-column-end: span 3;}
    .col-s-4 {grid-column-end: span 4;}
    .col-s-5 {grid-column-end: span 5;}
    .col-s-6 {grid-column-end: span 6;}
    .col-s-7 {grid-column-end: span 7;}
    .col-s-8 {grid-column-end: span 8;}
    .col-s-9 {grid-column-end: span 9;}
    .col-s-10 {grid-column-end: span 10;}
    .col-s-11 {grid-column-end: span 11;}
    .col-s-12 {grid-column-end: span 12;}

.off-s-0{grid-column-start: 1;}
.off-s-1{grid-column-start: 2;}
.off-s-2{grid-column-start: 3;} 
.off-s-3{grid-column-start: 4;}
.off-s-4{grid-column-start: 5;}
.off-s-5{grid-column-start: 6;}
.off-s-6{grid-column-start: 7;}
.off-s-7{grid-column-start: 8;}
.off-s-8{grid-column-start: 9;}
.off-s-9{grid-column-start: 10;}
.off-s-10{grid-column-start: 11;}
.off-s-11{grid-column-start: 12;}
.off-s-12{grid-column-start: 13;}

.rest h2{
      font-size: 1.5em;
}


 .menu {
 
    padding: 0px 2% 0px 2%;
    position: fixed;
    left: 0px;
    top: 10px;
}

.menu .grid{
  row-gap: 5%;

}

 .slider, 
  .slider .slick-slide {
    width: 100% !important;
    height: 100vh;
  }

  .slider img {
    width: 100%;
    height: auto;
    object-fit: contain; /* or contain if portrait images */
  }

.slick-slider-desk{
  display: none;
}


.slick-slider-desk img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.slick-slider-desk img.isPortrait {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.abt {
    color: var(--color-menu);
    mix-blend-mode: difference;
    position: fixed;
    top: 1rem;
    left: 0%;
    width: 100%;
    text-align: center;
    transform: translateX(0);
    
}

.type{
  display: none;
}

.caption{
    text-align: center;
    width: 100%;
}

.custom-cursor{
  display: none;
}


.about{
  position: relative;
  transform: translateY(0);
  margin-top: 15%;
}

.about div{
  margin-bottom: 1em;
}


}