@media screen and (max-width: 60em) {	 
			.table--responsive	{
				width: 100%;
				margin-bottom: 1.5rem;
				overflow-y: hidden;
				overflow-x: scroll;
				-ms-overflow-style: -ms-autohiding-scrollbar;
				border: 1px solid #e9ded3;
				-webkit-overflow-scrolling: touch;
				}
				
				.table--responsive>.table>tbody>tr>td,
				 .table--responsive>.table>tbody>tr>th,
				 .table--responsive>.table>tfoot>tr>td,
				 .table--responsive>.table>tfoot>tr>th,
				 .table--responsive>.table>thead>tr>td,
				 .table--responsive>.table>thead>tr>th {
				  white-space:normal;
				 }
				
			}