:root {
    --column-gap: 2.13%;
    --column-width-multiplier: 8.333;
}

/* Rows with 2 column box format */
@media (min-width: 770px){ 
    
   .row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        box-sizing: border-box;
        justify-content: space-between;
        padding-left: 1rem; 
        padding-right: 1rem; 
    }
  
    .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: top;
        width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * var(--column-width-multiplier) * 6 / 100);
        /*height: 200px; */
        margin: 0px;
        padding: 0px;
    }
    
    .box img {
        width: 100%;
        height: auto;
        max-width: 500px;
        max-height: 500px;
        object-fit: contain;
    }
  
} /* End Rows with 2 column box format */ 

/* Cell Phone Format */
/*@media not (min-width: 770px){ */
@media only screen and (max-width: 770px) {
    .row {
        display: block;
    }

    .box {
        display: block;
        justify-content: center;
        vertical-align: top;
        margin: 0px;
        padding: 0px;
    }

    
    .box img {
        width: 80%;
        height: 80%;
        object-fit: contain;
    }
     
}