React Super Responsive Table Styling Issues

Question

How to i override the React Super Responsive Table default styles so i can remove some some unwanted columns on smaller screens? I can't seem to find any documentation on it.

For example, in this code below, what is the easiest way to remove <Th>Location</Th> and its properties <Td>East Annex</Td>, <Td>205 Gorgas</Td> and <Td>Github</Td> disappear on small screens in a react project?

<Table>
  <Thead>
    <Tr>
      <Th>Event</Th>
      <Th>Date</Th>
      <Th>Location</Th>
    </Tr>
  </Thead>
  <Tbody>
    <Tr>
      <Td>Tablescon</Td>
      <Td>9 April 2019</Td>
      <Td>East Annex</Td>
    </Tr>
    <Tr>
      <Td>Capstone Data</Td>
      <Td>19 May 2019</Td>
      <Td>205 Gorgas</Td>
    </Tr>
    <Tr>
      <Td>Tuscaloosa D3</Td>
      <Td>29 June 2019</Td>
      <Td>Github</Td>
    </Tr>
  </Tbody>
</Table>