div.game-stats-container {
    margin: auto;
    width: 100%;
}

.game-stats-container .table {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
    padding: 16px;
    text-align: center;
    border-collapse: collapse;
    width: 100%;
}

.table {
    display: flex;
    flex-flow: column nowrap;
    font-size: 1.25rem;
    /*margin: 0.5rem;*/
    line-height: 1.5;
    /*border-bottom: 1px solid #d0d0d0;*/
    flex: 1 1 auto;
}

.th > .td {
    white-space: normal;
    justify-content: center;
}

.tr {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

.td, .th {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5em;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    white-space: normal;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.game-stats-container .table .th {
    font-weight: bold;
    font-family: "Open Sans", Helvetica, sans-serif;
}

.game-stats-container .table .td,
.game-stats-container .table .th {
    padding: 10px 16px;
    text-align: center;
}

.game-stats-container .table .tr {
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}


.game-stats-container .table img {
    max-width: 64px;
}

.reviews-container {
    text-align: center;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
    padding: 16px 75px; /*vertical padding in mockup is 20 but measured from bottom line of font, not container boundary. make it 16 to adapt to visuals*/
    margin: 20px auto;
}

.reviews-container span {
    font-weight: bold;
    font-family: VAG-Bold, "Open Sans", Helvetica, sans-serif;
    font-size: 1.9rem;
}

.reviews-container img {
    margin-top: -16px;
    margin-left: 16px;
    width: 35px;
}

.reviews-container .store-name {
    font-weight: bold;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 1.4rem;
}

.reviews-title {
    margin-bottom: 30px; /*it says 40 in mockup but measured to the x-height of the font, not the container boundary, so 30 it is instead.*/
}

@media screen and (max-width: 800px){

    .table {
        font-size: 1rem;
    }

}