div.headline {
    margin-bottom:30px;
    border-bottom:2px solid var(--dark-maroon);
}

    div.headline h1 {
        text-transform: uppercase;
        font-size: 2.2rem;
        display: table-cell;
    }

    div.pagesection {
        margin-bottom:30px;
    }

    h3 {
        color: var(--dark-maroon);
    }


    ul.deliveryrates {
        margin: 5px 5px 20px 5px;
    }

    ul.deliveryrates li {
        display: block;
        padding: 5px 2px;
        border-bottom: 1px solid #ccc;
    }

        ul.deliveryrates li div {
            display: inline-block;
        }

        ul.deliveryrates li div {
            width: 15%;
            text-align: center;
        }

        ul.deliveryrates li.header {
            font-weight: bold;
            border-bottom: 2px solid var(--gold);
        }

    ul.deliveryrates.trade li div.deliveryservice {
        width: 300px;
        text-align: left;
    }

    ul.deliveryrates.retail li div.deliveryservice {
        width: 400px;
        text-align: left;
    }


@media (max-width: 1000px) {

    ul.deliveryrates.trade li div.deliveryservice
    {
        width: 300px;
    }

    ul.deliveryrates.retail li div.deliveryservice {
        width: 400px;
    }

    ul.deliveryrates li div
    {
        width: 140px;
    }
}


@media (max-width: 766px) {

    ul.deliveryrates li {
        font-size:0.9rem;
    }

    ul.deliveryrates.retail li div.deliveryservice {
        width: 300px;
    }



    ul.deliveryrates.trade li div.deliveryservice {
        width: 200px;
    }

    ul.deliveryrates li div {
        width: 110px;
    }
}


@media (max-width: 574px) {

    ul.deliveryrates li {
        font-size: 0.9rem;
    }


    ul.deliveryrates.retail li div.deliveryservice {
        width: 250px;
    }

    ul.deliveryrates.trade li div.deliveryservice {
        width: 170px;
    }

    ul.deliveryrates li div {
        width: 90px;
        border:0px solid #ccc;
    }
}


@media (max-width: 400px) {

    ul.deliveryrates li {
        font-size: 0.85rem;
    }

    ul.deliveryrates.retail li div.deliveryservice {
        width: 190px;
    }


    ul.deliveryrates.trade li div.deliveryservice {
        width: 125px;
    }

    ul.deliveryrates li div {
        width: 85px;
        border: 0px solid #ccc;
    }
}


@media (max-width: 350px) {

    ul.deliveryrates li {
        font-size: 0.85rem;
    }

    ul.deliveryrates.trade li div.deliveryservice {
        width: 115px;
    }

    ul.deliveryrates li div {
        width: 75px;
        border: 0px solid #ccc;
    }
}