<!-- p { text-align: left; font-size: 12px; } ul { text-align: left; font-size: 12px; } ol { text-align: left; font-size: 12px; } table, td, th{ border: 1px solid black; font-family: 'Arial',sans-serif; vertical-align: top; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; font-size: 12px; width: 33%; text-align: left; } table { border-collapse: collapse; width: 100%; } tr { height: 100%; } .header { font-weight: bold; text-align: center; } .specialCase{ border-top: 1px solid black; margin-top: 5px; padding-top: 5px; } .alignLeft { text-align: left; } .alignCenter { text-align: left; } .inner { width:50%; margin:auto; } @media only screen and (min-width : 320px) and (max-width : 667px) { .inner { width:100%; } } @media only screen and (min-width : 668px) and (max-width : 1024px) { .inner { width:80%; } } @media only screen and (min-width : 1030px) and (max-width : 1920px) { .inner { width:60%; } } -->