table {
      font-family: arial, sans-serif;
      border-collapse: collapse;
    }
    table.center {
        margin-left: auto; 
        margin-right: auto;
    }    

    td, th {
      border: 1px solid #000000;
      text-align: center;
      font-size: 10;
      padding: 8px;
    }     
    @media (max-width:480px) {
      td, th {
        border: 1px solid #000000;
        text-align: center;
        font-size: 10;
        padding: 8px;
        max-width: 60px;
        word-break: break-all;
      } 
    }  

    tr:nth-child(even) {
      background-color: #dddddd;
    }
    .mydiv1 {
        max-width: 250px;
        text-align:left ;
        margin: auto;
      }
      /*
      @media (max-width: 1200px) {
        h4, .h4 {
          font-size: calc(1.275rem + 0.3vw) ;
        }
      }