.col-4-eq {
    
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
    gap: 70px;
}

legend h1{margin-bottom: 10px;}

.col-4-eq  div{
    font-size: 22px;
   margin-top: 1px;
   margin-bottom: 5px;
    }


    .dnIcon {
        width: 48px;
        height: 30px;
    }

    .col-2-eq {
        display: grid;
        grid-template-columns:repeat(2,1fr);
    }

   
    .cellstxt {
        text-align: right;
       padding-right: 15px;
    }
    
    

    a:hover {
        background-color: green;
        
      }

      .IconContainer button {
        cursor:pointer;
        border: 2px solid green;
        border-radius: 4px;
       
      }

    .IconContainer:hover {
       
        transform: scale(1.5);
        
    }

    @media screen and (max-width:500px) {
        legend h1{
            font-size: 5vw;
            letter-spacing: 0.5vw;
            margin-top: 10px;
            margin-bottom: 20px;
           
        }
     }


    @media screen and (min-width:500px) and (max-width:800px) {
        legend h1 {
            font-size: 2.5vw;
            letter-spacing: 0.5vw;
            margin-top: 10px;
            margin-bottom: 20px;
        }
      }