@charset "UTF-8";
 .grid-container-four {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-template-rows: repeat(1, 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;
 }
 
 #blockone {
     background-image: url("machines/feeder-bowl-rot.gif");
 }
 
 #blocktwo {
     background-image: url("machines/welding-cell-rot.gif");
 }
 
 #blockthree, #blockfour {
     background-image: url("machines/imr1.png");
 }
 
 @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;
     }
 }