@media screen and (max-width: 600px), screen and (max-width: 1000px) and (max-height: 450px) {
    #main-container {
        background-color:#fff !important;
    }
    .content-container {
        margin: 0px;
        width:100%;
        max-width: none;
        min-width: 275px;
    }
    .brand-header {
        align-items: baseline;
    }
    .brand-logo > img {
        margin: 5px 8px;
    }
    .bc-box-top {
        border-radius: 0px;
    }
    .brand-header {
        flex-direction: column;
        height: 90px;
        max-width:none;
    }
    .accessibility-controls {
        position: absolute;
        top: 23px;
        right: 10px;
        width: auto;
    }
    .accessibility-control > label {
        display:block;
    }
    .accessibility-button {
        display: inline-block;
        border-radius: 20px;
        width:32px;
        height:32px;
    }
    .accessibility-button > img {
        width: 20px;
        margin:6px;
    }
    .bc-box-bottom {
        border-radius: 0px;       
    }
    .bc-form-padding {
        padding: 10px 15px;
    }
    .form-container {
        max-width: none;
    }
    .bc-window-light {
        box-shadow: none;
    }
}