/* A fix for spacing issues with smaller devices */ @media only screen and (max-width: 768px) { .article-wrapper { padding: 0 !important; margin: 0 !important; } .td-heading-md { display: initial; } .td-heading-lg { display: none; } } @media only screen and (min-width: 768px) { .td-heading-md { display: none; } .td-heading-lg { display: initial; } } /* Style tables to 100 % width of parent for small & medium devices likes phones, portrait tablets, smaller laptops, etc. */ @media only screen and (max-width: 992px) { table { width: 100%; } } /* Style tables to 90% width of parent for larger devices likes bigger laptops, desktops, etc. */ @media only screen and (min-width: 992px) { table { width: 90%; } }