body, html {min-height: 100vh; padding: 0px; margin: 0px;}
section.main {overflow: auto; 
clear: both;}
body.p {opacity: 1; color: black; z-index: 3;}
section.main {
   background-color: rgb(171, 201, 171); 
   content: "&nbsp";
    overflow: hidden; 
    font-family: Helvetica,  Tahoma, sans-serif;
   font-size: 18px;
   color: black;
  }
.image-grid div {
  width: 25%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.image-grid {
  display: flex;
  flex-wrap: wrap;
}

.image01 { background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/409269/food-drink-01.jpg'); }
.image02 { background-image: url('..//images/BNXG6485.JPG');}
.image03 { background-image: url('..//images/GUBO3364.JPG'); }
.image04 { background-image: url('..//images/IMG_8047.JPG'); }
.image05 { background-image: url('..//images/TYWI3952.JPG');}
.image06 { background-image: url('..//images/IMG_3471.JPG'); }
.image07 { background-image: url('..//images/IHTD7210.JPG'); }
.image08 { background-image: url('..//images/IMG_9620.JPG'); }
.image09 { background-image: url('..//images/BTLW7514.JPG'); }
.image10 { background-image: url('..//images/DZWN5598.JPG'); }
.image11 { background-image: url('..//images/IMG_0607.JPG'); }
.image12 { background-image: url('..//images/HCGK1522.JPG'); }

/* @media screen and (max-width: 400px) {
  .image-grid {
    flex-direction: column;
    flex-wrap: no-wrap;
  }
 .image-grid div { width: 100%; }
}*/