[slot|="body"] {
    display: none !important; /* WC OV*/
}

.ds-logo {
    background: url(https://webchaver.org/images/webchaver-logo.png) no-repeat !important; /* WC OV*/
    height: 60px !important; /* WC OV*/
    width: 300px !important; /* WC OV*/
    background-size: contain !important; /* WC OV*/
}

.ds-page-header, .ds-app-header {
    display: none; /* WC OV - will display if not in session and just in email token*/
}

.ds-logo-svg {
    display: none !important; /* WC OV*/
}



.ds-page-version-tag {

    display: none !important; /* WC OV*/
}

.ds-page-navbar {
    display: none !important;
}

.ds-app-content {
    margin-left: auto !important;
    margin-top: 0;
}

.ds-app-page-content {
    margin-left: auto !important;
}


.ds-app-page {
    margin-left: auto !important;
}

.ds-app-sidebar {
    display: none !important;
}

.ds-app-header-banner {
    background-color: white !important;
}

.ds-app-navbar {
    display: none !important;
}

@media (min-width: 768px) {
    .ds-logo {

    }
}

/* in main file its 768px...how to override? */
@media (min-width: 320px) {
    .ds-page-swap-nav .ds-page-brand {
        display: block;
        grid-area: brand;
        padding: 0 var(--space-s)
    }
}

.ds-page-swap-nav .ds-page-brand {
    justify-content: left;
    align-items: center;
    /*display: none*/
    grid-area: brand !important;
    width: 200px !important;
}

.ds-page-swap-nav .ds-page-header-container {
    background-color: lightgrey !important;
    color: black !important;
}

/* in main file its 768px...how to override? */
@media (min-width: 320px) {
    .ds-page-has-no-header .ds-page-brand {
        height: 100%;
        justify-content: center
    }
}

.ds-page-has-version-tag .ds-page-header-container {
    height: calc(2 * var(--size-height-default));
    grid-template-areas: "tag tag" "brand action"; /*overriding tag tag tag   brand navbar action */
    grid-template-rows: var(--size-height-default) var(--size-height-default)
}

@media (min-width: 768px) {
    .ds-page-has-version-tag .ds-page-header-container {
        grid-template-areas: "tag tag tag" "brand tag action" /*overriding tag tag tag   brand navbar action */
    }
}

/* in main file its 768px...how to override? */
@media (min-width: 320px) {
    .ds-page-swap-nav .ds-page-header-container {
        grid-template-areas: "brand tag action"; /*overriding  brand navbar action */
        grid-template-columns: 204px 1fr 204px;
        grid-template-rows: 1fr;
    }
}