body {
    background-color: black;
    font-family: sans-serif;
}

/* Remove link styling */
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

h1, h2 {
    color: white;
    text-align: center;

}

.text {
    color: white;
    font-size: 22pt;
    text-align: center;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

.grid-container {
    display: grid;
    justify-items: center;
    grid-template-columns: [col1] 0fr [col2] 25fr [col3] 25fr [col4] 0fr;
    grid-template-rows: [row1-start] 1fr [row1-end row2-start] 300px [row2-end row3-start] 300px [row3-end row4-start] 1fr;
    grid-gap: 5pt 8pt;
}

.grid-store {
    height: 100%;
    width: 100%;
    background-size: auto 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    /*border-radius: 5%;*/
    transition: 0.2s ease;

}

.grid-store:hover {
    background-size: auto 110%;
}

.grid-store:hover .overlay {
    opacity: 0.85;
}

.overlay {
    display: flex;
    height: 100%;
    width: 100%;
    opacity: 0;
    align-items: center;
    justify-content: center;
    background-color: #000000;
}

#grid-header {
    grid-column-start: 1;
    grid-column-end: 5;
}

.grid-item1 {
    grid-column: 2;
    grid-row: 2;
    background-image: url(/assets/images/Sush.jpg);
}

.grid-item2 {
    grid-column: 3;
    grid-row: 2;
    background-image: url(/assets/images/Sush%20Track.jpg);
}

.grid-item3 {
    grid-column: 2;
    grid-row: 3;
    background-image: url(/assets/images/Samurai%20Knights.jpg);
}

.grid-item4 {
    grid-column: 3;
    grid-row: 3;
    background-image: url(/assets/images/Sush%20Online.jpg);
}

.ios-share-image {
  height: 1.2em;
  width: auto;
}

/*button.add-button {
  appearance: none !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  background: red;
  padding: 24px;
  color: #ffffff;
  border: 0;
  text-align: center;
  max-width: 256px;
}*/