body{
    background-color: #ffffff;
}

.logo{
  display:grid;
  grid-row: 1/4;
  grid-column: 2/3;
  align-content: center;
  justify-content: center;
}

.logo img{
  width: 3vw;
}

.container{
  /*! width: 100vw; */
  /*! height: 100vh; */
  /*! margin: 0; */
}
.gallery{
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: repeat(78, 4vw);
  margin: 0;
}

.header{
  display:grid;
  grid-row: 4/12;
  grid-column: 4/17;
}

.header h1{
  font-family: 'Syne';
  font-weight: 800;
  font-size: 3vw;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  display: grid;
  grid-row: 3/5;
  grid-column: 1/12;

  z-index: 1;
}

.header p{
  font-family: 'Syne';
  font-weight: normal;
  color: #000000;
  line-height: 1.4em;
  font-size: 1.5vw;
  grid-column: 1/11;
  grid-row: 7/12;
  z-index: 1;
  display: grid;
  align-content: center;
  justify-content: start;
}

.pistol img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pistol{
  z-index: -1;
  grid-row: 2/13;
  align-items: center;
  display: grid;
  grid-column: 12/26;
}

  .gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; 
  }

  .gallery__item--1 {
    grid-column-start: 4;
    grid-column-end: 17;
    grid-row-start: 14;
    grid-row-end: 24;
  }

  .gallery__item--2 {
    grid-column-start: 3;
    grid-column-end: 24;
    grid-row-start: 26;
    grid-row-end: 38;
  }

  .gallery__item--3 {
    grid-column-start: 3;
    grid-column-end: 10;
    grid-row-start: 40;
    grid-row-end: 47;
  }

  .gallery__item--4 {
    grid-column-start: 12;
    grid-column-end: 24;
    grid-row-start: 40;
    grid-row-end: 47;
  }
  
  .gallery__item--5 {
    grid-column-start: 2;
    grid-column-end: 15;
    grid-row-start: 49;
    grid-row-end: 59;
  }

  .gallery__item--6 {
    grid-column-start: 7;
    grid-column-end: 23;
    grid-row-start: 60;
    grid-row-end: 74;
  }

  .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: 7;
    grid-column-end: 23;
    grid-row-start: 60;
    grid-row-end: 74;
  }

.button-left{
  grid-row: 76/77;
  grid-column: 2/9;
  display: grid;
  align-content: center;
}

.button-left img{
  width: 27vw;
}

.button-left-mobile{
  display: none;
}

.button-right{
  grid-row: 76/77;
  grid-column: 18/24;
  display: grid;
  align-content: center;
}

.button-right img{
  width: 27vw;
}

.button-right-mobile{
  display: none;
}

@media (max-width: 576px) {

  body{
    margin: 0;
  }
  .button-left-mobile{
    grid-row: 124/126;
    grid-column: 2/9;
    display: grid;
    align-content: center;
  }

  .button-left{
    display:none
  }

  .button-left-mobile img{
    width: 20vw;
  }

  .button-right-mobile{
    grid-row: 124/126;
    grid-column: 20/24;
    display: grid;
    align-content: center;
  }

  .button-right-mobile img{
    width: 20vw;
  }

  .button-right{
    display: none;
  }

  .logo img{
    width: 5vw;
  }

  .gallery{
    display: grid;
    grid-template-columns: repeat(25, 1fr);
    grid-template-rows: repeat(126, 4vw);
    margin: 0;
    /*! width: 100vw; */
    /*! height: 100vh; */
  }
  
  .header{
    display:grid;
    grid-row: 5/19;
    grid-column: 3/19;
  }
  
  .header h1{
    font-family: 'Syne';
    font-weight: 800;
    font-size: 5vw;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    display: grid;
    grid-row: 3/4;
    grid-column: 1/15;
  
    z-index: 1;
  }
  
  .header p{
    font-family: 'Syne';
    font-weight: normal;
    color: #000000;
    line-height: 1.4em;
    font-size: 2.2vw;
    grid-column: 1/8;
    grid-row: 10/12;
    z-index: -1;
  }
  
  .pistol img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  .pistol{
    z-index: -1;
    grid-row: 5/19;
    align-items: center;
    display: grid;
    grid-column: 10/26;
    }

    .gallery__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; 
    }
  
    .gallery__item--1 {
      grid-column-start: 1;
      grid-column-end: 26;
      grid-row-start: 23;
      grid-row-end: 40;
    }
  
    .gallery__item--2 {
      grid-column-start: 6;
      grid-column-end: 25;
      grid-row-start: 44;
      grid-row-end: 57;
      display: grid;
    }
  
    .gallery__item--3 {
      grid-column-start: 2;
      grid-column-end: 16;
      grid-row-start: 61;
      grid-row-end: 73;
    }
  
    .gallery__item--4 {
      grid-column-start: 1;
      grid-column-end: 26;
      grid-row-start: 77;
      grid-row-end: 93;
    }
    
    .gallery__item--5 {
      grid-column-start: 2;
      grid-column-end: 17;
      grid-row-start: 97;
      grid-row-end: 108;
    }
  
    .gallery__item--6 {
      grid-column-start: 9;
      grid-column-end: 23;
      grid-row-start: 110;
      grid-row-end: 123;
    }
  
    .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;
    }
  

}