#text1 {
  grid-row: 1 / span 2;
  grid-column: 1 / span 6;
}

#img1-1 {
  grid-row: 1 / span 1;
  grid-column: 7 / span 4;
}

#img1-2 {
  grid-row: 1 / span 1;
  grid-column: 11 / span 4;
}

#img1-3 {
  grid-row: 1 / span 1;
  grid-column: 15 / span 4;
}

#img1-4 {
  grid-row: 2 / span 1;
  grid-column: 7 / span 4;
}

#img1-5 {
  grid-row: 2 / span 1;
  grid-column: 11 / span 4;
}

#img1-6 {
  grid-row: 2 / span 1;
  grid-column: 15 / span 4;
}

/*----------------------*/

#text2-1 {
  grid-row: 1 / span 2;
  grid-column: 1 / span 6;
}

#img2-1 {
  grid-row: 1 / span 1;
  grid-column: 7 / span 6;
}

#img2-2 {
  grid-row: 1 / span 1;
  grid-column: 13 / span 6;
}

#img2-3 {
  grid-row: 2 / span 1;
  grid-column: 7 / span 6;
}

#text2-2 {
  grid-row: 2 / span 1;
  grid-column: 13 / span 6;
}

#img2-4 {
  grid-row: 3 / span 1;
  grid-column: 1 / span 6;
}

#img2-5 {
  grid-row: 3 / span 1;
  grid-column: 7 / span 12;
}

/*----------------------*/

#text3-1 {
  grid-row: 1 / span 1;
  grid-column: 1 / span 6;
  padding-bottom: 6em;
}

#text3-2 {
  grid-row: 2 / span 1;
  grid-column: 1 / span 6;
  padding-right: 10em;
  padding-top: 5em;
  overflow: visible;
}

#map {
  grid-row: 1 / span 2;
  grid-column: 7 / span 12;
}


/*----------------------*/

#text4-1 {
  grid-row: 1 / span 1;
  grid-column: 1 / span 6;
}

#img4-1 {
  grid-row: 1 / span 1;
  grid-column: 7 / span 4;
}

#img4-2 {
  grid-row: 1 / span 1;
  grid-column: 11 / span 4;
}

#img4-3 {
  grid-row: 1 / span 1;
  grid-column: 15 / span 4;
}

/*---*/
#text4-2 {
  grid-row: 2 / span 1;
  grid-column: 1 / span 6;
}

#img4-4 {
  grid-row: 2 / span 1;
  grid-column: 7 / span 4;
}

#img4-5 {
  grid-row: 2 / span 1;
  grid-column: 11 / span 4;
}

#img4-6 {
  grid-row: 2 / span 1;
  grid-column: 15 / span 4;
}

/*---*/
#text4-3 {
  grid-row: 3 / span 1;
  grid-column: 1 / span 6;
}

#img4-7 {
  grid-row: 3 / span 1;
  grid-column: 7 / span 4;
}

#img4-8 {
  grid-row: 3 / span 1;
  grid-column: 11 / span 4;
}

#img4-9 {
  grid-row: 3 / span 1;
  grid-column: 15 / span 4;
}

/*---*/
#text4-4 {
  grid-row: 4 / span 1;
  grid-column: 1 / span 6;
}

#img4-10 {
  grid-row: 4 / span 1;
  grid-column: 7 / span 4;
}

#img4-11 {
  grid-row: 4 / span 1;
  grid-column: 11 / span 4;
}

#img4-12 {
  grid-row: 4 / span 1;
  grid-column: 15 / span 4;
}

/*---*/
#text4-5 {
  grid-row: 5 / span 1;
  grid-column: 1 / span 6;
}

#img4-13 {
  grid-row: 5 / span 1;
  grid-column: 7 / span 4;
}

#img4-14 {
  grid-row: 5 / span 1;
  grid-column: 11 / span 4;
}

#img4-15 {
  grid-row: 5 / span 1;
  grid-column: 15 / span 4;
}


@media (max-width: 1100px) {
  
  .indicator > *:nth-last-of-type(n+3) {
    background: #E6E6E6;
  }
  
  #text4-1 {
    grid-row: 1 / span 1;
    grid-column: 1 / span 6;
  }

  #img4-1 {
    grid-row: 1 / span 1;
    grid-column: 7 / span 6;
  }

  #img4-2 {
    grid-row: 1 / span 1;
    grid-column: 13 / span 6;
  }

  #img4-3 {
    display: none
  }

  /*---*/
  #text4-2 {
    grid-row: 2 / span 1;
    grid-column: 1 / span 6;
  }

  #img4-4 {
    grid-row: 2 / span 1;
    grid-column: 7 / span 6;
  }

  #img4-5 {
    grid-row: 2 / span 1;
    grid-column: 13 / span 6;
  }

  #img4-6 {
    display: none
  }

  /*---*/
  #text4-3 {
    grid-row: 3 / span 1;
    grid-column: 1 / span 6;
  }

  #img4-7 {
    grid-row: 3 / span 1;
    grid-column: 7 / span 6;
  }

  #img4-8 {
    grid-row: 3 / span 1;
    grid-column: 13 / span 6;
  }

  #img4-9 {
    display: none
  }

  /*---*/
  #text4-4 {
    grid-row: 4 / span 1;
    grid-column: 1 / span 6;
  }

  #img4-10 {
    grid-row: 4 / span 1;
    grid-column: 7 / span 6;
  }

  #img4-11 {
    grid-row: 4 / span 1;
    grid-column: 13 / span 6;
  }

  #img4-12 {
    display: none
  }

  /*---*/
  #text4-5 {
    grid-row: 5 / span 1;
    grid-column: 1 / span 6;
  }

  #img4-13 {
    grid-row: 5 / span 1;
    grid-column: 7 / span 6;
  }

  #img4-14 {
    grid-row: 5 / span 1;
    grid-column: 13 / span 6;
  }

  #img4-15 {
    display: none
  }
}



/*---------------------------------------*/
/*--------screens below 1000px-----------*/
/*---------------------------------------*/


@media (max-width: 1000px) {
  #text1 {
    grid-row: 1 / span 1;
    grid-column: 1 / span 9;
  }

  #img1-1 {
    grid-row: 1 / span 1;
    grid-column: 10 / span 9;
  }

  #img1-2 {
    grid-row: 2 / span 1;
    grid-column: 1 / span 9;
  }

  #img1-3 {
    grid-row: 2 / span 1;
    grid-column: 10 / span 9;
  }

  #img1-4,
  #img1-5,
  #img1-6 {
    display: none
  }

  /*----------------------*/

  #text2-1 {
    grid-row: 1 / span 2;
    grid-column: 1 / span 9;
  }

  #img2-1 {
    grid-row: 1 / span 1;
    grid-column: 10 / span 9;
  }

  #img2-2 {
    grid-row: 2 / span 1;
    grid-column: 10 / span 9;
  }

  #img2-3 {
    grid-row: 3 / span 1;
    grid-column: 1 / span 9;
  }

  #text2-2 {
    grid-row: 3 / span 1;
    grid-column: 10 / span 9;
  }

  #img2-4 {
    display: none;
  }

  #img2-5 {
    grid-row: 4 / span 1;
    grid-column: 1 / span 18;
  }

  /*----------------------*/

  #text3-1 {
    grid-row: 1 / span 1;
    grid-column: 1 / span 6;
  }

  #text3-2 {
    grid-row: 2 / span 1;
    grid-column: 1 / span 6;
  }

  #map {
    grid-row: 1 / span 2;
    grid-column: 7 / span 12;
  }


  /*----------------------*/

  
}

@media (max-width: 600px) {
  .grid {
    display: block;
  }
  
  .grid > * {
    margin: 0;
  }
  
  .grid > *+* {
    margin-top: 1em;
  }
  
  .img1, .img2, .img3 {
    display: none;
  }
  
  .img4 {
    width: 50%;
    float: left;
    margin: 0.5em 0;
  }
  
  .text4 {
    padding: 0.5em 0.5em 2.5em;
  }
  
  .arrow_right {
    display: none;
  }
  
  .indicator {
    right: 0.5em;
  }
  
  .square:before {
    display: none;
  }
  #map {
    height: 400px;
  }
}