table {
    border: 1px solid #c9c9c9;
    font-size: 12px
}

@media screen and (min-width:48em) and (max-width:59.99em),
screen and (min-width:60em) and (max-width:1199.99px),
screen and (min-width:1200px) {
    table {
        font-size: 14px
    }
}

table td,
table th {
    padding: 6.66666667px 6.66666667px
}

table td:first-child,
table th:first-child,
table td:last-child,
table th:last-child {
    padding: 6.66666667px 6.66666667px
}

@media screen and (min-width:60em) and (max-width:1199.99px),
screen and (min-width:1200px) {
    table td,
    table th {
        padding: 10px 10px
    }
    table td:first-child,
    table th:first-child,
    table td:last-child,
    table th:last-child {
        padding: 10px 10px
    }
}

table td:empty,
table th:empty {
    border: 0;
    background: transparent
}

table td {
    border: 1px solid #c9c9c9;
    background: #fff;
    color: #666;
    font-weight: 900;
    font-size: 17px
}

table th {
    color: #fff;
    background: #143651;
    font-weight: normal;
    text-align: center
}

.Table--comparison .Icon--tick:before {
    content: '';
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    background-image: url(./green_checkbox.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.Table--comparison .Icon--cross:before {
    content: '';
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    background-image: url(./red_cross.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.Table--comparison td:first-child,
.Table--comparison th:first-child {
    display: none
}

@media screen and (min-width:60em) and (max-width:1199.99px),
screen and (min-width:1200px) {
    .Table--comparison td:first-child,
    .Table--comparison th:first-child {
        display: table-cell
    }
}

.Table--comparison td.Table-cell--mobileHeading,
.Table--comparison th.Table-cell--mobileHeading {
    display: table-cell;
    font-weight: bold;
    text-align: center
}

@media screen and (min-width:60em) and (max-width:1199.99px),
screen and (min-width:1200px) {
    .Table--comparison td.Table-cell--mobileHeading,
    .Table--comparison th.Table-cell--mobileHeading {
        display: none
    }
}

.Table--comparison td.Table-cell--highlight,
.Table--comparison th.Table-cell--highlight {
    background: #00adef;
    color: #fff
}

.Table {
    width: 100%;
}