body {
    background: #000000;
    margin: 0px;
  }

  .hero {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
  }

  .video-bg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100vh;
  }

  main {
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
  
  .logo,
  .content {
    color: #fafafa;
  }
  
  .nav {
    width: 100%;
    /*! background-color: #000; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 3;
  }
  
  .logo,
  #hamburger {
    margin: 3%;
  }
  
  #hamburger {
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.25s linear;
    width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
    height: clamp(2rem, 1.4vw + 1.7rem, 5rem);
    display: flex;
    align-items: center;
  }
  
  #hamburger:hover {
    opacity: 1;
  }
  
  #hamburger div,
  #hamburger div:after,
  #hamburger div:before {
    background-color: #fafafa;
    border-radius: 10px;
    width: clamp(1.5rem, 2vw + 1.1rem, 6rem);
    height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem);
    transition: all 0.15s linear;
  }
  
  #hamburger div:before,
  #hamburger div:after {
    content: "";
    position: absolute;
  }
  
  #hamburger div:before {
    transform: translateY(-200%);
  }
  
  #hamburger div:after {
    transform: translateY(200%);
  }
  
  #hamburger.open div {
    background: transparent;
  }
  
  #hamburger.open div:before {
    transform: rotate(45deg);
  }
  
  #hamburger.open div:after {
    transform: rotate(-45deg);
  }
  
  #overlay {
    position: fixed;
    width: 100%;
    min-height: 100%;
    background-color: #1a1a1a;
    z-index: 2;
    transform: translateY(-100%);
    transition: all 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  #overlay.menu {
    transform: translateY(0%);
  }
  
  #overlay a {
    text-decoration: none;
    color: #EEBDCE;
    font-size: clamp(1rem, 4.1vw + 0.2rem, 10rem);
    margin: 2%;
    opacity: 0.5;
    transition: opacity 0.2s linear;
    font-family: 'Syne';
    font-weight: 800;
  }
  
  #overlay a:hover {
    opacity: 1;
  }



  .gallery {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(73, 4vw);
    margin-top: 4%;
  }
  
  .gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; 
  }
  
  .gallery__item--1 {
    grid-column-start: 6;
    grid-column-end: 14;
    grid-row-start: 5;
    grid-row-end: 13;
  }

  .gallery__item--2 {
    grid-column-start: 17;
    grid-column-end: 22;
    grid-row-start: 7;
    grid-row-end: 13;
  }

  .gallery__item--3 {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 15;
    grid-row-end: 24;
  }

  .gallery__item--4 {
    grid-column-start: 17;
    grid-column-end: 25;
    grid-row-start: 15;
    grid-row-end: 23;
  }
  
  .gallery__item--5 {
    grid-column-start: 2;
    grid-column-end: 10;
    grid-row-start: 27;
    grid-row-end: 35;
  }

  .gallery__item--6 {
    grid-column-start: 15;
    grid-column-end: 23;
    grid-row-start: 25;
    grid-row-end: 33;
  }

  .gallery__item--7 {
    grid-column-start: 4;
    grid-column-end: 11;
    grid-row-start: 38;
    grid-row-end: 48;
  }

  .gallery__item--8 {
    grid-column-start: 16;
    grid-column-end: 24;
    grid-row-start: 35;
    grid-row-end: 44;
    
  }


  .gallery__item--11 {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 15;
    grid-row-end: 24;
    opacity: 0;
  }

  .gallery__item--11:hover {
    opacity: 1.0;
  }

  .gallery__item--12 {
    grid-column-start: 17;
    grid-column-end: 25;
    grid-row-start: 15;
    grid-row-end: 23;
    opacity: 0;
  }

  .gallery__item--12:hover {
    opacity: 1.0;
  }
  
  .gallery__item--13 {
    grid-column-start: 2;
    grid-column-end: 10;
    grid-row-start: 27;
    grid-row-end: 35;
    opacity: 0;
  }

  .gallery__item--13:hover {
    opacity: 1.0;
  }

  .gallery__item--14 {
    grid-column-start: 15;
    grid-column-end: 23;
    grid-row-start: 25;
    grid-row-end: 33;
    opacity: 0;
  }

  .gallery__item--14:hover {
    opacity: 1.0;
  }

  .gallery__item--15 {
    grid-column-start: 4;
    grid-column-end: 11;
    grid-row-start: 38;
    grid-row-end: 48;
    opacity: 0;
  }

  .gallery__item--15:hover {
    opacity: 1.0;
  }

  .gallery__item--16 {
    grid-column-start: 16;
    grid-column-end: 24;
    grid-row-start: 46;
    grid-row-end: 56;
    
  }

  .gallery__item--17 {
    grid-column-start: 5;
    grid-column-end: 13;
    grid-row-start: 50;
    grid-row-end: 60;
    
  }
  .gallery__item--18 {
    grid-column-start: 15;
    grid-column-end: 24;
    grid-row-start: 58;
    grid-row-end: 69;
    
  }
  .gallery__item--19 {
    grid-column-start: 4;
    grid-column-end: 12;
    grid-row-start: 62;
    grid-row-end: 71;
    
  }

  .gallery__item--20 {
    grid-column-start: 16;
    grid-column-end: 24;
    grid-row-start: 46;
    grid-row-end: 56;
    opacity: 0;
  }

  .gallery__item--20:hover {
    opacity: 1.0;
  }

  .gallery__item--21{
  grid-column-start: 5;
  grid-column-end: 13;
  grid-row-start: 50;
  grid-row-end: 60;
  opacity: 0;
  }

  .gallery__item--21:hover {
    opacity: 1.0;
  }

  .video{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .header{
    grid-column: 1/17;
    grid-row: 1/4;
    /*! justify-items: start; */
    display: grid;
  }
  .header h1{
    font-family: 'Syne', sans-serif;
    font-weight: 800;
    font-size: 4.1vw;
    color: #ffffff;
    justify-items: center;
    display: grid;
    grid-row: 2/2;
    grid-column: 3/13;
  }

  .ellipse {
    z-index: -1;
    grid-row: 1/4;
    align-items: center;
    display: grid;
    grid-column: 4;
  }

  .ellipse img{
    height: 170px;
  }



  .title{
    z-index: 1;
    grid-column: 3/11;
    grid-row: 6/7;
  }

  .title a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
  }
  
  .title-2{
    z-index: 1;
    grid-column: 19/17;
    grid-row: 5/9;
  }

  .title-2 a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
  }

  .title-3{
    z-index: 1;
    grid-column: 6/9;
    grid-row: 23/25;
    justify-items: center;
    display: grid;
    align-items: center;
  }

  .title-3 a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
  }

.title-4{
    z-index: 1;
    grid-column: 15/18;
    grid-row: 14/16;
    justify-items: center;
    display: grid;
    align-items: center;
  }

  .title-4 a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
  }

.title-5{
    z-index: 1;
    grid-column: 3/7;
    grid-row: 34/36;
    justify-items: end;
    display: grid;
    align-items: center;
  }

  .title-5 a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
  }

.title-6{
    z-index: 1;
    grid-column: 14/17;
    grid-row: 27/27;
    justify-items: start;
    display: grid;
    align-items: start;
  }

.title-6 a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
}

.title-7{
    z-index: 1;
    grid-column: 3/10;
    grid-row: 39/41;
    justify-items: start;
    display: grid;
    align-items: start;
}

.title-7 a{
    text-decoration: none;
    font-family: 'Syne', sans-serif;
    font-weight: 700;
    font-size: 4vw;
    color:#ffffff;
}

.title-8{
  z-index: 1;
  grid-column: 3/9;
  grid-row: 58/59;
  justify-items: start;
  display: grid;
  align-items: start;
}


.title-8 a{
  text-decoration: none;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 4vw;
  color:#ffffff;
}

.title-9{
  z-index: 1;
  grid-column: 14/17;
  grid-row: 46/48;
  justify-items: start;
  display: grid;
  align-items: start;
}

.title-9 a{
  text-decoration: none;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 4vw;
  color:#ffffff;
}

/*.title-10{
  z-index: 1;
  grid-column: 14/17;
  grid-row: 46/48;
  justify-items: start;
  display: grid;
  align-items: start;
}

.title-10 a{
  text-decoration: none;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 4vw;
  color:#ffffff;
} */

.title-11{
  z-index: 1;
  grid-column: 16/18;
  grid-row: 57/58;
  justify-items: start;
  display: grid;
  align-items: start;
}

.title-11 a{
  text-decoration: none;
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  font-size: 4vw;
  color:#ffffff;
}

/* ----------------------------ABOUT------------------------------------*/
.about{
  display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(25, 4vw);
    column-gap: 1vw;
  margin-top:15%;
  row-gap: 2vh;
}

.about img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block; 
}

.me{
  grid-row: 6/14;
  grid-column: 6/9;

}

.ellipse2{
  grid-row: 6/14;
  grid-column: 3/6;
  display: flex;

}


.about p{
  font-family: 'Syne';
  color: #ffffff;
  line-height: 1.4em;
  font-size: 1.5vw;
 
  grid-column: 3/8;
  /*! margin-right: 0%; */
  grid-row: 14/16;
  align-content: center;
  display: grid;
  /*! justify-content: center; */
  justify-content: center;
}

.felkor{
  grid-column: 8/9;
  grid-row: 14/16;
  /*! margin-top: 25px; */
  /*! margin-left: 40px; */
  justify-content: center;
  display: grid;
  /*! height: 23vh; */
  align-content: center;
}

.hello{
  font-family: 'Playfair Display';
  color:#ffffff;
  font-size: 5vw;
  grid-column: 5/9;
  grid-row: 4/5;
}
.sor2{
  font-family: 'Playfair Display';
  color:#ffffff;
  font-size: 5vw;
  grid-column: 6/9;
  grid-row: 5/5;
  /*! align-content: end; */
  display: grid;
  justify-content: end;
}
.spinner{
  /*! width: 50vw; */
  /*! height: 132px; */
  /*! background-color: #0CB1C4; */
  /*animation-name: spin;
  animation-duration: 30000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; */
  display: grid;
  grid-column: 2/5;
  grid-row: 1/5;
}

/*@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}*/

.contact{
  font-family: 'Syne';
  color: #ffffff;
  display: grid;
  grid-column: 2/5;
  grid-row: 9/11;
  font-size: 5vw;
  font-weight: bold;
  justify-content: center;
  align-content: center;
}

.email{
/*animation-name: spin;
animation-duration: 30000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; */
display: grid;
grid-column: 5/7;
grid-row: 16/22;
color: #673ab7;
/*! margin: 10px; */
}

.spinner2{
  /*animation-name: spin2;
  animation-duration: 30000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; */
  display: grid;
  grid-column: 5/7;
  grid-row: 16/22;
  }

/*@keyframes spin2 {
  from {
      transform:rotate(360deg);
  }
  to {
      transform:rotate(0deg);
  }
}*/

.arrowpurple{
  grid-row: 18/20;
  grid-column: 2/5;
  align-content: center;
  display: grid;
  justify-content: center;
}

.arrowpurple2{
  grid-row: 18/20;
  grid-column: 7/10;
  align-content: center;
  display: grid;
  justify-content: center;
  rotate: 180deg;
}

.facebook{
  grid-row: 22/22;
  grid-column: 5/7;
  /*! align-content: end; */
  display: grid;
  justify-content: start;
  margin: 10%;
}

.instagram{
  grid-row: 22/22;
  grid-column: 5/7;
  /*! align-content: end; */
  display: grid;
  justify-content: center;
  margin: 10%;
}

.behance{
  grid-row: 22/22;
  grid-column: 5/7;
  /*! align-content: end; */
  display: grid;
  justify-content: end;
  margin: 10%;
}

.rights p{
  font-family: 'Syne';
  color: #ffffff;
  font-size: 1vw;
}


.rights{
  grid-column: 3/9;
  /*! margin-right: 0%; */
  grid-row: 23/25;
  align-content: center;
  display: grid;
  /*! justify-content: center; */
  justify-content: center;
}

.mdi{
  grid-row:24/26;
  grid-column: 5/7;
}


/* --------------MOBILE---------------- */

  @media (max-width: 576px) {
    .gallery {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(60, 1fr);
  }

  .logo img{
    width: 7vw;
  }
    
  .gallery__item--1 {
    grid-column-start: 10;
    grid-column-end: 24;
    grid-row-start: 5;
    grid-row-end: 8;
   }

    .gallery__item--2 {
      grid-column-start: 6;
      grid-column-end: 20;
      grid-row-start: 10;
      grid-row-end: 13;
    }

    .gallery__item--3 {
    grid-column-start: 3;
    grid-column-end: 19;
    grid-row-start: 14;
    grid-row-end: 18;
  }
    
    .gallery__item--4{
    grid-column-start: 9;
    grid-column-end: 25;
    grid-row-start: 20;
    grid-row-end: 24;
  }
    .gallery__item--5{
    grid-column-start: 5;
    grid-column-end: 22;
    grid-row-start: 25;
    grid-row-end: 28;
    }
    
    .gallery__item--6{
    grid-column-start: 11;
    grid-column-end: 25;
    grid-row-start: 29;
    grid-row-end: 32;
    /*! align-content: end; */
}
    
    .gallery__item--7 {
      grid-column-start: 7;
      grid-column-end: 23;
      grid-row-start: 33;
      grid-row-end: 36;
      
    }
    
    .gallery__item--8 {
      grid-column-start: 5;
      grid-column-end: 21;
      grid-row-start: 37;
      grid-row-end: 40;
      
    }

.gallery__item--11 {
      grid-column-start: 3;
    grid-column-end: 19;
    grid-row-start: 14;
    grid-row-end: 18;
      opacity: 0;
    }
    .gallery__item--11:hover{
      opacity: 1.0;
    }

.gallery__item--12{
  grid-column-start: 9;
  grid-column-end: 25;
  grid-row-start: 20;
  grid-row-end: 24;
    }
    .gallery__item--12:hover{
      opacity: 1.0;
    }

  .gallery__item--13 {
    grid-column-start: 5;
    grid-column-end: 22;
    grid-row-start: 25;
    grid-row-end: 28;
    }
    .gallery__item--13:hover{
      opacity: 1.0;
    }

    .gallery__item--14{
      grid-column-start: 11;
      grid-column-end: 25;
      grid-row-start: 29;
      grid-row-end: 32;
    }
    .gallery__item--14:hover{
      opacity: 1.0;
  }

  .gallery__item--15 {
    grid-column-start: 7;
      grid-column-end: 23;
      grid-row-start: 33;
      grid-row-end: 36;
  }
  .gallery__item--15:hover{
    opacity: 1.0;
  }

  .gallery__item--16 {
    grid-column-start: 7;
    grid-column-end: 23;
    grid-row-start: 41;
    grid-row-end: 44;
  }
  
  .gallery__item--17 {
    grid-column-start: 5;
    grid-column-end: 21;
    grid-row-start: 45;
    grid-row-end: 49;
  }

  .gallery__item--18 {
    grid-column-start: 23;
    grid-column-end: 7;
    grid-row-start: 51;
    grid-row-end: 55;
  }

  .gallery__item--19 {
    grid-column-start: 5;
    grid-column-end: 21;
    grid-row-start: 56;
    grid-row-end: 60;
  }

  .gallery__item--20 {
    grid-column-start: 7;
    grid-column-end: 23;
    grid-row-start: 41;
    grid-row-end: 44;
  }

  .gallery__item--20:hover{
    opacity: 1.0;
  }

  .gallery__item--21 {
    grid-column-start: 5;
    grid-column-end: 21;
    grid-row-start: 45;
    grid-row-end: 49;
  }

  .gallery__item--21:hover{
    opacity: 1.0;
  }

    .title h2{
    font-size: 6vw;
    grid-column: 3/17;
    grid-row: 7/9;
  }

  .title a{
    font-size: 7.5vw;
    grid-column: 3/17;
    grid-row: 7/9;
  }
    
    .title-2{
    grid-column: 6/16;
    grid-row: 9/10;
  }

  .title-2 a{
    font-size: 7.5vw;
    grid-column: 6/16;
    grid-row: 9/10;
  }
    
     .title-3{
     grid-column: 9/14;
     grid-row: 17/19;
     align-content: center;
    }

    .title-3 a{
      grid-column: 9/14;
      grid-row: 17/19;
      font-size: 7.5vw;
      align-content: center;
     }
    
.title-4{
  grid-column: 6/11;
  grid-row: 19/21;
  align-content: center;
  }

.title-4 a{
  grid-row: 19/21;
  grid-column: 6/11;
  align-content: center;
  font-size: 7.5vw;
  }
    
.title-5{
  grid-row: 27/29;
  grid-column: 6/8;
  display: grid;
  align-content: center;
  }

  .title-5 a{
    grid-column: 6/8;
    grid-row: 27/29;
    font-size: 7.5vw;
    align-content: center;
    display: grid;
  }
    
.title-6 {
  grid-column: 7/15;
  grid-row: 30/31;
 }

 .title-6 a{
      grid-column: 7/15;
      grid-row: 30/31;
      font-size: 7.5vw;
   }

    .title-7 {
      grid-column: 3/15;
      grid-row: 33/34;
      align-content: center;
      display: grid;
    }

    .title-7 a{
      grid-column: 3/15;
      grid-row: 33/34;
      font-size: 7.5vw;
    }

    .title-9 {
      grid-column: 4/13;
      grid-row: 41/42;
      align-content: center;
      display: grid;
    }

    .title-9 a{
      grid-column: 4/13;
      grid-row: 41/42;
      font-size: 7.5vw;
    }

    .title-8 {
      grid-column: 4/13;
      grid-row: 48/49;
      align-content: center;
      display: grid;
    }

    .title-8 a{
      grid-column: 4/13;
      grid-row: 48/49;
      font-size: 7.5vw;
    }

    .title-11 {
      grid-column: 4/13;
      grid-row: 50/52;
      align-content: center;
      display: grid;
    }

    .title-11 a{
      grid-column: 4/13;
      grid-row: 50/52;
      font-size: 7.5vw;
    }
    
    .header h1{
      grid-row: 2/3;
      grid-column: 3/25;
      font-size: 7vw;
      align-content: start;
      }
    
    .header{
    grid-column: 3/26;
    grid-row: 2/4;
    justify-items: start;
    display: grid;
    }
/* --------- ABOUT ----------------*/

  .about{
    margin-top: 0%;
  }

  .felkor{
    display: none;
  }
  
  .me{
    grid-row: 6/14;
    grid-column: 6/10;
  }
      
  .ellipse2{
    grid-row: 6/14;
    grid-column: 2/6;
    display: flex;
  }

  .about p{
    font-family: 'Syne';
    color: #ffffff;
    line-height: 1.5em;
    font-size: 3.15vw;
    
    grid-column: 2/10;
    grid-row: 12/17;
    align-content: center;
    display: grid;
    justify-content: center;
  }
          
  .hello{
    font-size: 8vw;
    grid-column: 4/10;
    grid-row: 4/5;
  }

  .sor2{
    font-size: 8vw;
    grid-column: 4/10;
    grid-row: 5/7;
    /*! align-content: end; */
    display: grid;
    justify-content: end;
    align-content: center;
  }

  .spinner{
    display: grid;
    grid-column: 1/6;
    grid-row: 1/7;
    z-index: -1;
  }

  .email{
    grid-row: 16/21;
    grid-column: 4/8;
    margin: 15px;
    align-content: center;
  }

  .spinner2{
    grid-row:16/21;
    grid-column: 4/8;
    margin: 20px;
  }

  .arrowpurple{
    grid-row: 17/20;
    grid-column: 1/4;
  }
      
  .arrowpurple2{
    grid-row: 17/20;
    grid-column: 8/11;
    rotate: 180deg;
  }

  .facebook{
    grid-row: 21/23;
    grid-column: 4/5;
    margin: 20%;
    align-content:center;
    justify-content: start;
  }
      
  .instagram{
    grid-row: 21/23;
    grid-column: 5/7;
    margin: 20%;
    align-content: center;
    justify-content: center;
  }
  .instagram a{
    margin: 20%;
  }
      
  .behance{
    grid-row: 21/23;
    grid-column: 7/8;
    margin: 20%;
    align-content: center;
    justify-content: center;
  }

  .rights p{
    font-size: 2.5vw;
  }
    
  .rights{
    grid-column: 3/9;
    grid-row: 25/26;
    align-content: center;
    display: grid;
    justify-content: center;
  }

  .mdi{
    grid-row:23/25;
    grid-column: 4/8;
  }
}

/* ---------- TABLET ---------- */
@media  (min-width: 576px) and (max-width: 991.98px) {
  .header h1{
    grid-column:4/18;
    font-size:6vw;
  }

  .logo img{
    width: 5.5vw;
  }

  .gallery {
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(80, 4vw);
    margin-top: 4%;
  }
  .ellipse {
    z-index: -1;
    grid-row: 1/4;
    align-items: center;
    display: grid;
    grid-column: 4;
  }

  .title{
    font-size: 4vw;
    grid-column: 3/11;
    grid-row: 8/10;
  }

  .title a{
    font-size: 4vw;
  }
  
  .title-2{
     font-size: 4vw;
    grid-column: 19/17;
    grid-row: 5/10;
     display: grid;
     align-content: center;
  }

  .title-3{
    font-size: 4vw;
    grid-column: 6/9;
    grid-row: 26/27;
    justify-items: center;
    display: grid;
    align-items: center;
  }

.title-4{
    font-size: 4vw;
    grid-column: 15/18;
    grid-row: 17/20;
    justify-items: center;
    display: grid;
    align-items: center;
  }

.title-5{
    font-size: 4vw;
    grid-column: 3/7;
    grid-row: 37/39;
    justify-items: end;
    display: grid;
    align-items: center;
  }

.title-6{
    font-size: 4vw;
    grid-column: 13/16;
    grid-row: 30/31;
    justify-items: start;
    display: grid;
    align-items: start;
  }

.title-7{
    font-size: 4vw;
    grid-column: 3/10;
    grid-row: 41/43;
    justify-items: start;
    display: grid;
    align-items: start;
  }

  .title-8{
    font-size: 4vw;
    grid-column: 4/9;
    grid-row: 61/62;
    justify-items: start;
    display: grid;
    align-items: start;
  }

  .title-9{
    font-size: 4vw;
    grid-column: 15/20;
    grid-row: 51/52;
    justify-items: start;
    display: grid;
    align-items: start;
  }

  .title-11{
    font-size: 4vw;
    grid-column: 16/18;
    grid-row: 61/62;
    justify-items: start;
    display: grid;
    align-items: start;
  }
  
.gallery__item--1 {
    grid-column-start: 6;
    grid-column-end: 14;
    grid-row-start: 8;
    grid-row-end: 16;
  }

.gallery__item--2 {
    grid-column-start: 17;
    grid-column-end: 22;
    grid-row-start: 9;
    grid-row-end: 15;
  }

.gallery__item--3 {
    grid-column-start: 3;
    grid-column-end: 11;
    grid-row-start: 18;
    grid-row-end: 27;
  }

.gallery__item--4 {
    grid-column-start: 16;
    grid-column-end: 24;
    grid-row-start: 19;
    grid-row-end: 27;
  }
  
.gallery__item--5 {
    grid-column-start: 2;
    grid-column-end: 10;
    grid-row-start: 30;
    grid-row-end: 38;
  }

.gallery__item--6 {
    grid-column-start: 15;
    grid-column-end: 23;
    grid-row-start: 29;
    grid-row-end: 37;
  }

.gallery__item--7 {
    grid-column-start: 4;
    grid-column-end: 12;
    grid-row-start: 41;
    grid-row-end: 51;
  }

.gallery__item--8 {
    grid-column-start: 16;
    grid-column-end: 24;
    grid-row-start: 40;
    grid-row-end: 49;
    
  }

.gallery__item--16 {
  grid-column-start: 16;
  grid-column-end: 23;
  grid-row-start: 51;
  grid-row-end: 59;
  
}

.gallery__item--17 {
  grid-column-start: 5;
  grid-column-end: 13;
  grid-row-start: 53;
  grid-row-end: 63;
  
}  

.gallery__item--18 {
  grid-column-start: 15;
  grid-column-end: 22;
  grid-row-start: 62;
  grid-row-end: 71;
}

.gallery__item--19 {
  grid-column-start: 3;
  grid-column-end: 11;
  grid-row-start: 66;
  grid-row-end: 74;
  
} 

.gallery__item--11{
  display: none;
}
.gallery__item--12{
  display: none;
}
.gallery__item--13{
  display: none;
}
.gallery__item--14{
  display: none;
}
.gallery__item--15{
  display: none;
}

/*------------ABOUT-------------*/
.about{
  margin-top: 0%;
}

.about p{
  line-height: 1.6em;
  font-size: 2vw;
  grid-column: 3/8;
  grid-row: 13/16;
  align-content: center;
  display: grid;
  justify-content: center;
}

.felkor{
  grid-column: 8/9;
  grid-row: 13/16;
  justify-content: center;
  display: grid;
  align-content: center;
}

.arrowpurple{
  grid-row: 18/20;
  grid-column: 2/4;
}

.arrowpurple2{
  grid-row: 18/20;
  grid-column: 8/10;
}
}