.tcb-bonus-miles-table-module {
    padding: 25px;
}

.tcb-bonus-miles-table-module .title {
    text-align: center;
}

.tcb-bonus-miles-table-module .subheading {
    text-align: center;
}

.tcb-bonus-miles-table-module .bonus-table {
    border: 0.5px solid #6A6A6A;
    box-sizing: border-box;
    border-collapse: collapse;
    margin-top: 100px;
}

.tcb-bonus-miles-table-module .footnotes p {
    font-size: .95em;
    line-height: 1.2em;
}

.bonus-miles-row-teaser {
    height: 109px;
}

.bonus-header {
    height: 110px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.gray-header {
    background-color: var(--dark-gray);
    color: var(--white);
}

.light-gray-header {
    background: rgba(248, 245, 244, 0.8);
}

.light-gray-cell {
    background: rgba(248, 245, 244, 0.3);
}

.orange-header {
    background-color: var(--orange);
    color: var(--white);
}

.light-orange-cell {
    background: rgba(243, 106, 32, 0.1);
    color: var(--orange);
    font-weight: 800;
}

.tcb-bonus-miles-table-module .mobile-only {
    display: table-cell;
}

.tcb-bonus-miles-table-module .desktop-only {
    display: none;
}

.bonus-cell,
.plus-sign-cell,
.bonus-row-header {
    border-bottom: 1px dashed var(--dark-gray);
}

.bonus-cell,
.bonus-row-header {
    width: 16%;
    box-sizing: border-box;
    font-size: 3.5vw;
}

.bonus-header,
.bonus-row-header {
    font-weight: 800;
}

.bonus-row-header {
    padding-left: 20px;
    padding-right: 20px;
}

.bonus-header {
    padding-left: 15px;
    padding-right: 15px;
}

.bonus-cell {
    height: 110px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left;
}

.aadvantage-miles-subtext {
    clear: both;
    display: block;
    font-size: 2.2vw;
    margin-top: 5px;
    font-weight: 700;
}

.aadvantage-miles-pretext {
    clear: both;
    display: block;
    font-size: 2.2vw;
    margin-bottom: 5px;
    font-weight: 500;
    min-height: 15.56px;
}

.bonus-table-header-icon {
    width: 25px;
    height: 25px;
}

.header-icon-wrapper {
    display: flex;
}

.header-icon-caption {
    margin: auto;
    text-align: left;
    margin-left: 15px;
}

/* only tablet */
@media screen and (min-width: 768px) and (max-width: 1075px) {  
    .header-icon-wrapper {
        flex-direction: column;
    }
    .bonus-table-header-icon {
        margin-bottom: 4px;
    }

    .header-icon-wrapper .header-icon-caption {
        word-spacing: 60px;
        margin: 0px;
    }
}

/* tablet - desktop */
@media screen and (min-width: 768px) {  

    .tcb-bonus-miles-table-module {
        padding: 50px;
    }

    .tcb-bonus-miles-table-module .mobile-only {
        display: none;
    }

    .tcb-bonus-miles-table-module .desktop-only {
        display: table-cell;
    }

    .bonus-header,
    .bonus-row-header,
    .bonus-cell {
        padding-left: 10px;
        padding-right: 10px;
    }    

    .bonus-cell,
    .bonus-row-header {
        font-size: 2.2vw;
    }

    .aadvantage-miles-subtext, .aadvantage-miles-pretext {
        font-size: 1.55vw;
    }

}

@media screen and (min-width: 1024px) {

    .bonus-header,
    .bonus-row-header,
    .bonus-cell {
        padding-left: 20px;
        padding-right: 20px;
    }  

    .bonus-cell,
    .bonus-row-header {
        font-size: 26px;
    }

    .aadvantage-miles-subtext, .aadvantage-miles-pretext {
        font-size: 14px;
    }
}

@media screen and (min-width: 1200px) {

    .tcb-bonus-miles-table-module {
        padding: 50px 150px;
    }

}