.container img {
  max-width: 100%;
  width: auto;
}

.container {
  display: grid;
  grid-row-gap: 2em;
}

h4 {
  margin: 0;
}

.blockquote {
  text-align: center;
}

#im1 {
  grid-area: im1;
}

#tx1 {
  grid-area: tx1;
}

#im2 {
  grid-area: im2;
}

#tx2 {
  grid-area: tx2;
}

#im3 {
  grid-area: im3;
}

#tx3 {
  grid-area: tx3;
}

#im4 {
  grid-area: im4;
}

#tx4 {
  grid-area: tx4;
}

#block1 {
  padding: 2em;
  grid-area: qu1;
}

#im5 {
  grid-area: im5;
}

#tx5 {
  grid-area: tx5;
}

#im6 {
  grid-area: im6;
}

#tx6 {
  grid-area: tx6;
}

#im7 {
  grid-area: im7;
}

#tx7 {
  grid-area: tx7;
}

#im8 {
  grid-area: im8;
}

#tx8 {
  grid-area: tx8;
}

#block2 {
  grid-area: qu2;
}



/*****************************************************************************
    responsive area
*****************************************************************************/

@media (min-width:769px) {
  .container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 4em;
    grid-template-areas:
      '.   .   .   .   im1 im1 im1 tx1 tx1 tx1 .   .  '
      '.   .   .   .   im1 im1 im1 tx1 tx1 tx1 .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   im2 im2 im2 im2 .  '
      '.   .   im3 im3 im3 im3 .   im2 im2 im2 im2 .  '
      '.   .   im3 im3 im3 im3 .   tx2 tx2 tx2 tx2 .  '
      '.   .   tx3 tx3 tx3 tx3 .   tx2 tx2 tx2 tx2 .  '
      '.   .   tx3 tx3 tx3 tx3 .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   im4 im4 im4 im4 im4 im4 tx4 tx4 tx4 .   .  '
      '.   im4 im4 im4 im4 im4 im4 tx4 tx4 tx4 .   .  '
      '.   im4 im4 im4 im4 im4 im4 .   .   .   .   .  '
      '.   im4 im4 im4 im4 im4 im4 .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   qu1 qu1 qu1 qu1 qu1 qu1 .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   tx5 tx5 tx5 im5 im5 im5 im5 im5 .  '
      '.   .   .   tx5 tx5 tx5 im5 im5 im5 im5 im5 .  '
      '.   .   .   .   .   .   im5 im5 im5 im5 im5 .  '
      '.   .   .   .   .   .   im5 im5 im5 im5 im5 .  '
      '.   im6 im6 im6 im6 .   im5 im5 im5 im5 im5 .  '
      '.   im6 im6 im6 im6 .   .   .   .   .   .   .  '
      '.   tx6 tx6 tx6 tx6 .   im7 im7 im7 im7 .   .  '
      '.   tx6 tx6 tx6 tx6 .   im7 im7 im7 im7 .   .  '
      '.   .   .   .   .   .   tx7 tx7 tx7 tx7 .   .  '
      '.   .   .   .   .   .   tx7 tx7 tx7 tx7 .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   im8 im8 im8 tx8 tx8 tx8 .   .   .   .   .  '
      '.   im8 im8 im8 tx8 tx8 tx8 .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   qu2 qu2 qu2 qu2 qu2 qu2 .   .   .  '
      '.   .   .   qu2 qu2 qu2 qu2 qu2 qu2 .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
    ;
  }


  h4,
  .blockquote {
    font-size: 15px;
    line-height: 23px;
  }

  #block2 {
    padding: 2em;
  }

}




@media only screen and (max-width:768px) {
  .container {
    grid-template-columns: 20px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 20px;
    grid-column-gap: 0;
    grid-template-areas:
      '.   .   im1 im1 im1 im1 im1 im1 im1 im1 .   .  '
      '.   .   im1 im1 im1 im1 im1 im1 im1 im1 .   .  '
      '.   tx1 tx1 tx1 tx1 tx1 tx1 tx1 tx1 tx1 tx1 .  '
      '.   tx1 tx1 tx1 tx1 tx1 tx1 tx1 tx1 tx1 tx1 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      'im2 im2 im2 im2 im2 im2 im2 im2 im2 im2 im2 im2'
      'im2 im2 im2 im2 im2 im2 im2 im2 im2 im2 im2 im2'
      '.   tx2 tx2 tx2 tx2 tx2 tx2 tx2 tx2 tx2 tx2 .  '
      '.   tx2 tx2 tx2 tx2 tx2 tx2 tx2 tx2 tx2 tx2 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   im3 im3 im3 im3 im3 im3 im3 im3 im3 im3 .  '
      '.   im3 im3 im3 im3 im3 im3 im3 im3 im3 im3 .  '
      '.   tx3 tx3 tx3 tx3 tx3 tx3 tx3 tx3 tx3 tx3 .  '
      '.   tx3 tx3 tx3 tx3 tx3 tx3 tx3 tx3 tx3 tx3 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      'im4 im4 im4 im4 im4 im4 im4 im4 im4 im4 im4 im4'
      'im4 im4 im4 im4 im4 im4 im4 im4 im4 im4 im4 im4'
      'im4 im4 im4 im4 im4 im4 im4 im4 im4 im4 im4 im4'
      '.   tx4 tx4 tx4 tx4 tx4 tx4 tx4 tx4 tx4 tx4 .  '
      '.   tx4 tx4 tx4 tx4 tx4 tx4 tx4 tx4 tx4 tx4 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   qu1 qu1 qu1 qu1 qu1 qu1 qu1 qu1 .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   im5 im5 im5 im5 im5 im5 im5 im5 im5 im5 .  '
      '.   im5 im5 im5 im5 im5 im5 im5 im5 im5 im5 .  '
      '.   im5 im5 im5 im5 im5 im5 im5 im5 im5 im5 .  '
      '.   tx5 tx5 tx5 tx5 tx5 tx5 tx5 tx5 tx5 tx5 .  '
      '.   tx5 tx5 tx5 tx5 tx5 tx5 tx5 tx5 tx5 tx5 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   im6 im6 im6 im6 im6 im6 im6 im6 im6 im6 .  '
      '.   im6 im6 im6 im6 im6 im6 im6 im6 im6 im6 .  '
      '.   tx6 tx6 tx6 tx6 tx6 tx6 tx6 tx6 tx6 tx6 .  '
      '.   tx6 tx6 tx6 tx6 tx6 tx6 tx6 tx6 tx6 tx6 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      'im7 im7 im7 im7 im7 im7 im7 im7 im7 im7 im7 im7'
      'im7 im7 im7 im7 im7 im7 im7 im7 im7 im7 im7 im7'
      '.   tx7 tx7 tx7 tx7 tx7 tx7 tx7 tx7 tx7 tx7 .  '
      '.   tx7 tx7 tx7 tx7 tx7 tx7 tx7 tx7 tx7 tx7 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   im8 im8 im8 im8 im8 im8 im8 im8 .   .  '
      '.   .   im8 im8 im8 im8 im8 im8 im8 im8 .   .  '
      '.   tx8 tx8 tx8 tx8 tx8 tx8 tx8 tx8 tx8 tx8 .  '
      '.   tx8 tx8 tx8 tx8 tx8 tx8 tx8 tx8 tx8 tx8 .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
      '.   .   qu2 qu2 qu2 qu2 qu2 qu2 qu2 qu2 .   .  '
      '.   .   .   .   .   .   .   .   .   .   .   .  '
    ;
  }

  .blockquote {
    font-size: 16px;
  }

  h4 {
    font-size: 16px;
  }

}