:root{
    --main-color: #0766B2;
    --text-color: #fbc605;
    --promotion-background: #0766B2;

    --text-background: #fbc605;
    --plus-icon-color: #FFF;

    --plus-icon-background: #fbc605;
}
#content {
    width: 688px;
    position: relative;
    margin: 0 auto;
}

@media (max-width: 688px) {
    #content {
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }
    #content .pay-block{
        padding: 5px;
        text-align: center;
        float: none;
        height: auto;
        width: 100%;
        padding: 0;
        position:absolute;
        top: 260px;
    }
    #content .pay-block .error {
        display: block;
    }
    #content #col-cart{
        width: 100%;
        margin: 0;
        padding: 5px 0 5px 0;
        top: 0;
        right: 0;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
    }
    #content #cancel > div {
        text-align: center;
    }
    #col-cart .event-summary td {
        display: inline-block;
        margin: 5px;
    }
    #col-cart .event-summary td.label {
        display: none;
    }
    #col-cart .table.event-summary {
        margin: 10px auto;
        width: 300px;
    }
}