.grid-container {
    display: grid;
    width: 60vw;
    margin: auto auto;
    grid-template-rows: repeat(6, auto);
    grid-template-columns: repeat(6, 1fr);
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3 { margin: 5px; }
.stor { font-size: 2em; }
.item1 { grid-column: span 6; text-align: center; color: #ffffff; background-color: rgb(78, 78, 78); border: 1px solid black;}
.item2 { grid-column: span 6; background-color: darkgray; color: black; padding-left: 20px; border: 1px solid black;}
.item3, .item4, .item5 { grid-column: span 2; background-color: lightgray; padding: 10px; border: 1px solid black;}
.item6 { grid-column: span 6; background-color: darkgray; border: 1px solid black; padding: 10px 0px;}
.item7, .item8 { grid-column: span 3; background-color: lightgray; padding: 10px; border: 1px solid black;}
.item9 { grid-column: span 6; background-color: rgb(148, 148, 148); border: 1px solid black; text-align: center; padding: 10px;}