table {
   border-collapse: collapse;
   border-spacing: 0;
   font-size: 1em;
   margin: 1em 0 1.5em;
   width: 100%;
   }
   caption {
   background-color: #7c77a0;
   border-radius: 4px;
   color: #fff;
   margin-bottom: 0.7em;
   padding: 0.4em;
   }
   table, th, td {
   padding: 0.5em 0.9em;
   text-align: left;
   vertical-align: top;
   /*vertical-align: bottom;*/
   }
   tr td {
   border-bottom: 0;
   border-top: 0;
   }
   td {
   padding: 0.6em;
   }
   th {
   background-color: #036f9d;
   color: #ffffff;
   font-weight: normal;
 /*  padding: 0.8em 0.6em;*/
   text-align: left;
   }
   table tr:nth-child(even) {
   background: #efefef;
   }
   @media (min-width: 400px)and (max-width: 600px) {
    table {
       font-size: smaller;
       width: fit-content;
       margin-left: -2rem;
   }
    }
   @media (max-width: 400px){
     table {
        font-size: smaller;
        width: fit-content;
        margin: 0 -3.5em;
    }
    }