/* Style for test3.html */
body {
   background-image: url("../images/stonetile.jpg");
   font-family: sans-serif;
   }
/* For small screens like phones */
@media screen and (max-width: 641px) {
   .narrow-div {
      background-image: url("/images/parchtile.jpg");
      border-style: solid;
      border-width: 3px;
      border-color: #121212 #525252 #d0d0d0 #aeaeae;
      width: 253px; height: 281px; margin: auto;
      text-align: center;
      }
   .wide-div {
      display: none;
      }
   }
/* For larger tablets, laptops, and desktops */
@media not screen and (max-width: 641px) {
   .wide-div {
      background-image: url("/images/parchtile.jpg");
      border-style: solid;
      border-width: 3px;
      border-color: #121212 #525252 #d0d0d0 #aeaeae;
      width: 636px; margin: auto;
      text-align: center;
      }
   .wide-container {
      display: grid;
      grid-template-columns: 127px 128px 127px 127px 127px;
      grid-template-rows: 25px 281px
      }
   .nav1 {
      grid-row: 1;
      grid-column: 1;
      }
   .nav2 {
      grid-row: 1;
      grid-column: 2;
      }
   .nav3 {
      grid-row: 1;
      grid-column: 3;
      }
   .nav4 {
      grid-row: 1;
      grid-column: 4;
      }
   .nav5 {
      grid-row: 1;
      grid-column: 5;
      }
   .banner {
      grid-row: 2;
      grid-column: 1 / span 5;
      }
   .narrow-div {
      display: none;
      }
   }

/* vvvvv Epilog Styles vvvvv */
/* For small screens like phones */
@media screen and (max-width: 641px) {
   .epilog {
      background-color: #909090;
      border-style: solid;
      border-width: 3px;
      border-color: #121212 #525252 #d0d0d0 #aeaeae;
      width: 175px; margin: auto;
      text-align: center;
      padding-top: 10px; padding-bottom: 10px;
      font-family: serif; font-size: 10pt;
      }
   }
/* For larger tablets, laptops, and desktops */
@media not screen and (max-width: 641px) {
   .epilog {
      background-color: #909090;
      border-style: solid;
      border-width: 3px;
      border-color: #121212 #525252 #d0d0d0 #aeaeae;
      width: 270px; margin: auto;
      text-align: center;
      padding-top: 10px; padding-bottom: 10px;
      font-family: serif; font-size: 10pt;
      }
   }
/* ^^^^^ Epilog Styles ^^^^^ */