.grid_container {
   max-width: 1000px;
   margin: auto;
   padding-left: 15px;
   padding-right: 15px;
   display: grid;
   justify-content: center;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-rows: repeat(auto);
   gap: 2px 12px;
   grid-template-areas:
      "navbar navbar navbar navbar navbar navbar"
      "header header header header header header"
      "divider_00 divider_00 divider_00 divider_00 divider_00 divider_00"
      "product_images product_images product_images product_title product_title product_side"
      "product_images product_images product_images product_description product_description product_side"
      "product_images product_images product_images product_description product_description product_side"
      "product_images product_images product_images product_instock product_instock product_side"
      "product_images product_images product_images product_button product_button product_side"
      "divider_01 divider_01 divider_01 divider_01 divider_01 divider_01"
      "story_01 story_01 story_01 story_02 story_02 story_02"
      "story_03 story_03 story_03 story_04 story_04 story_04"
      "story_05 story_05 story_05 story_06 story_06 story_06"
      "divider_02 divider_02 divider_02 divider_02 divider_02 divider_02"
      "review_01 review_01 review_01 review_01 review_01 review_01"
      "footer footer footer footer footer footer";
}

@media (max-width: 800px) {
   .grid_container {
      margin: auto;
      padding-left: 15px;
      padding-right: 15px;
      grid-template-columns: 1fr 1fr;
      gap: 2px 8px;
      grid-template-areas:
         "navbar navbar"
         "header header"
         "divider_00 divider_00"
         "product_images product_title"
         "product_images product_description"
         "product_images product_instock"
         "product_images product_side"
         "product_images product_button"
         "divider_01 divider_01"
         "story_01 story_02"
         "story_03 story_04"
         "story_05 story_06"
         "divider_02 divider_02"
         "review_01 review_01"
         "footer footer";
   }
}

@media (max-width: 500px) {
   .grid_container {
      margin: auto;
      padding-left: 5px;
      padding-right: 5px;
      grid-template-columns: 1fr;
      grid-template-areas:
         "navbar"
         "header"
         "divider_00"
         "product_images"
         "product_title"
         "product_description"
         "product_instock"
         "product_side"
         "product_button"
         "divider_01"
         "story_01"
         "story_02"
         "story_03"
         "story_04"
         "story_05"
         "story_06"
         "divider_02"
         "review_01"
         "footer";
   }
   h1 {
      font-size: 1.8em;
      font-weight: 200;
   }

   h2 {
      font-size: 0.9em;
      font-weight: 400;
   }
}

.navbar { grid-area: navbar; padding:5px 0px 0px 0px;margin:0px;}
.header { grid-area: header; padding:0px;}
.divider_00 { grid-area: divider_00; height:5px; border-top:1px solid #ccc; margin-top:0px;}
.product_images { grid-area: product_images;}
.product_title { grid-area: product_title;}
.product_side { grid-area: product_side;}
.product_description { grid-area: product_description;}
.product_instock { grid-area: product_instock;}
.product_button { grid-area: product_button; }
.divider_01 { grid-area: divider_01; height:5px; border-top:1px solid #ccc; margin-top:15px;}
.divider_02 { grid-area: divider_02; height:5px; border-top:1px solid #ccc; margin-top:15px;}
.story_01 { grid-area: story_01;}
.story_02 { grid-area: story_02;}
.story_03 { grid-area: story_03;}
.story_04 { grid-area: story_04;}
.story_05 { grid-area: story_05;}
.story_06 { grid-area: story_06;}
.review_01 { grid-area: review_01;}
.footer { grid-area: footer; border-top:1px solid #ccc; padding-top:20px; padding-bottom:25px;}
.select_title {
   padding-bottom:0px;
   margin-bottom:3px;
   padding-top:5px;
   margin-top:3px;
   font-size: 10px;
}
