/* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table { width: auto; max-width: 100%; background: #fdf3f6; border-radius: 20px; @media(max-width: 1399px) { font-size: 16px; } th { padding: 23px 51px; font-size: 18px; font-weight: 600; vertical-align: middle; &:nth-child(1) { width: 44.3%; } &:nth-child(2) { width: 55.7%; } @media(max-width: 1399px) { padding: 23px 20px; font-size: inherit; } } th + th, td + td { border-left: 1px solid $white; } td { padding: 11px 51px 10px; vertical-align: middle; border-bottom: 0; @media(max-width: 1399px) { padding: 11px 20px 10px; } } tr { border-bottom: 1px solid $white; } tbody tr:last-child { border-bottom: 0; } } /* Table alt */ .table--alt { @media(max-width: 1399px) { font-size: 16px; } th { padding: 15px; @media(max-width: 1399px) { font-size: 14px; } &:nth-child(1) { width: auto; padding: 20px 50px; width: 17%; @media(max-width: 1399px) { padding: 15px; } } &:nth-child(2) { width: auto; } } td { padding: 11px 20px 10px; &:nth-child(1) { padding: 5px 20px 5px 50px; @media(max-width: 1399px) { padding: 5px 15px; } } } }