@charset "UTF-8";
 .grid-container-four {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: repeat(2, 1fr);
     grid-column-gap: 15px;
     grid-row-gap: 15px;
     background-color: #e2dddc;
     padding: 15px;
     color: #616268;
     font-family: Helvetica, Arial, sans-serif;
     font-weight: 700;
 }
 
 .grid-item {
     background-color: #fff;
     position: relative;
     height: 20vw;
     padding: 13px;
     background-repeat: no-repeat;
     background-position: center bottom+1vw;
     background-size: 20vw;
 }
 
 a {
     font-size: .875rem;
     text-decoration: none;
     color: #626468;
 }
 
 a:hover {
     color: #ff6c00;
 }
 
 #fork {
     background-image: url("machines/agv-g.gif");
 }
 
 #amr {
     background-image: url("machines/amr-g.gif");
 }
 
 #asrs {
     background-image: url("machines/asrs-g.gif");
 }
 
 #crossbelt {
     background-image: url("machines/crossbelt.gif");
 }
 
 #depalletizing {
     background-image: url("machines/depalletizing.gif");
 }
 
 #dockauto {
     background-image: url("machines/dock-auto-g.gif");
 }
 
 #extendable {
     background-image: url("machines/extendable-conveyor-g.gif");
 }
 
 #shoesorter {
     background-image: url("machines/shoe-sorter-g.gif");
 }
 
 @media screen and (max-width:805px) {
     .grid-item {
         height: 20vw;
     }
 }
 
 @media screen and (max-width: 700px) {
     #blockone,
     #blocktwo,
     #blockthree,
     #blockfour,
     #blockfive,
     #blocksix,
     #blockseven,
     #blockeight,
     #blocknine,
     #blockten {
         background-image: none;
     }
     .soon {
         background-image: none;
     }
     .grid-container-five {
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: repeat(5, 1fr);
     }
     .grid-item {
         height: unset;
     }
 }