body {
            background-color: #0E0F0E;
            color: #D8D8D8;
            margin: 0;
            /*padding: 30px 0 50px;*/
        }

        table {
            width: 80%;
            border-collapse: collapse;
            margin: 40px auto 60px;
        }

        th,
        td {
            padding: 18px 12px;
            text-align: left;
            border-bottom: 1px solid #3A3A3A;
        }

        th {
            font-family: 'Montserrat-Regular', sans-serif;
            color: #D8D8D8;
            padding-bottom: 32px;
            position: relative;
        }

        thead::before {
            content: '';
            display: block;
            height: 2em;
        }

        td {
            font-family: 'Opensans-Regular', sans-serif;
            vertical-align: top;
            color: #D8D8D8;
        }

        tbody::after {
            content: '';
            display: block;
            height: 2em;
        }

        @media (min-width: 768px) {
            th {
                font-size: 41px;
            }

            td {
                font-size: 16px;
            }
        }

        @media (max-width: 767px) {
            body {
                padding: 20px 0 40px;
            }

            table {
                width: 100%;
                margin: 30px auto 50px;
            }

            th,
            td {
                font-size: 14px;
                padding: 20px 12px;
            }

            th {
                padding-bottom: 24px;
            }
        }