.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto; /*Number of 'auto's determine number of columns*/
  grid-gap: 15px;
  /*background-color: #2196F3;*/
  padding: 10px;
}

.grid-container2 {
  display: grid;
  grid-template-columns: auto auto; /*Number of 'auto's determine number of columns*/
  grid-gap: 40%;
  /*background-color: #2196F3;*/
}

.grid-container > a {
    background-color: #eceef0;
    font-family: neue-haas-grotesk-display, sans-serif;
    border-radius: 10px;
    text-decoration: none;
    padding:5% 5% 0% 5%;
}

a:link {color:#1a1b1d;}   
a:visited {color:#1a1b1d;} 
a:hover {color:#1a1b1d;}   
a:active {color:#1a1b1d;}  


h1{
    font-weight: 700;
    font-style: normal;
    font-size: 15pt;
}


.grid-container p{
    font-weight: 500;
    font-style: normal;
    font-size: 12pt;
    margin-top: -8pt;
    color: #7e7e7e;
    letter-spacing: .1em;
}

.grid-container img {
    object-fit: fill;
    max-width: 100%;
    display: block;
}

.back{
    padding-right: 10px;
    font-family: neue-haas-grotesk-display, sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-style: normal;
    font-size: 20pt;
}
.path{
    font-family: neue-haas-grotesk-display, sans-serif;
    text-decoration: none;
    padding:10px;
    font-weight: 500;
    font-style: normal;
    font-size: 20pt;
    color: lightgray;
    margin-bottom: 0px;
}

.back:hover{
    color:dodgerblue;
}

/* Grow */
.grid-container a {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.grid-container a:hover,
.grid-container a:focus,
.grid-container a:active {
    transform: scale(1.02);
    background-color: #dde1e5;
    transition: all .2s ease-in;
}

.flashbox{
    background-color: rgb(240, 66, 44);
    color: white;
    padding: .4em;
    border-radius: 7px;
    max-width: 5em;
}

.grid-container .flashbox{
    color: white;
    font-weight: 600;
    font-size: .8em;
    letter-spacing: .09em;    
}

.flashbox img{
    width: 1em;
    float: left;
    padding: 0em .5em 0em .2em;
}