body{
    background-color: #EEBDCE;
}

.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(90, 4vw);
  margin: 0;
}

.header{
  display:grid;
  grid-row: 3/13;
  grid-column: 4/16;
}

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

}

.header p{
  font-family: 'Syne';
  font-weight: normal;
  color: #000000;
  line-height: 1.4em;
  font-size: 1.5vw;
  grid-column: 1/24;
  grid-row: 5/8;
  z-index: -1;
}

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

.pistol{
    z-index: -1;
    grid-row: 2/14;
    /*! align-items: center; */
    display: grid;
    grid-column: 18/26;
    /*! flip: horizontal; */
    /*! rotate: 354deg; */
    /*! overflow: hidden; */
  }

.pistol_mobile{
    display: none;
}

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

  .gallery__item--1 {
    grid-column-start: 4;
    grid-column-end: 15;
    grid-row-start: 12;
    grid-row-end: 26;
  }

  .gallery__item--2 {
    grid-column-start: 11;
    grid-column-end: 24;
    grid-row-start: 27;
    grid-row-end: 38;
  }

  .gallery__item--3 {
    grid-column-start: 1;
    grid-column-end: 26;
    grid-row-start: 41;
    grid-row-end: 54;
  }

  .gallery__item--4 {
    grid-column-start: 15;
    grid-column-end: 24;
    grid-row-start: 62;
    grid-row-end: 69;
  }
  
  .gallery__item--5 {
    grid-column-start: 3;
    grid-column-end: 12;
    grid-row-start: 57;
    grid-row-end: 66;
  }

  .gallery__item--6 {
    grid-column-start: 1;
    grid-column-end: 26;
    grid-row-start: 71;
    grid-row-end: 84;
  }

  .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;
  }

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

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

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

.button-right{
  grid-row: 88/89;
  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_mobile{
      z-index: -1;
      grid-row: 7/17;
      /*! align-items: center; */
      display: grid;
      grid-column: 13/25;
      /*! flip: horizontal; */
      /*! rotate: 354deg; */
      /*! overflow: hidden; */
    }

    .pistol{
        display: none;
    }
  
    .gallery__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; 
    }
  
    .gallery__item--1 {
      grid-column-start: 2;
      grid-column-end: 18;
      grid-row-start: 21;
      grid-row-end: 38;
    }
  
    .gallery__item--2 {
      grid-column-start: 6;
      grid-column-end: 24;
      grid-row-start: 40;
      grid-row-end: 55;
      display: grid;
    }
  
    .gallery__item--3 {
      grid-column-start: 1;
      grid-column-end: 26;
      grid-row-start: 59;
      grid-row-end: 72;
    }
  
    .gallery__item--4 {
      grid-column-start: 9;
      grid-column-end: 23;
      grid-row-start: 92;
      grid-row-end: 104;
    }
    
    .gallery__item--5 {
      grid-column-start: 4;
      grid-column-end: 19;
      grid-row-start: 76;
      grid-row-end: 89;
    }
  
    .gallery__item--6 {
      grid-column-start: 1;
      grid-column-end: 26;
      grid-row-start: 108;
      grid-row-end: 121;
    }
  
    .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;
    }
  

}