@media(min-width: 600px) {
    .ContentCopyright {
        font-size: 1.5vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
        text-align: center;
        line-height: 1.4;
        text-wrap: pretty;
        font-style: italic;
    }

    .component-header {
        display: flex;
        justify-items: stretch;
        background-size: contain;
        background-image: url("./assets/Banner.png");
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        left: 1.5vh;
        right: 0;
        top: 0;
        bottom: 86.5%;
        text-anchor: middle;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: stretch;
    }

    .titleheader {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .component-main-heading {
        font-size: 3.5vh;
        text-align: left;
        font-family: Arial,sans-serif;
        font-weight: 800;
        font-variant: small-caps;
        padding: 0.5vh 0vh;
        line-height: 1;
    }

    .component-small-heading {
        font-size: 2.4vh;
        text-align: left;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 700;
        font-style: italic;
        padding: 0.5vh 0vh;
        line-height: 1;
    }

    .component-tiny-heading {
        font-size: 2vh;
        text-align: left;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
        line-height: 1;
        padding: 0.5vh 0vh;
    }

    .nav-container {
        gap: 1.5vh;
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        flex-direction: row;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 12.5%;
        padding: 1vh;
        justify-content: space-around;
    }

    .nav-container-mobile {
        display: none;
    }

    .sidebar {
        flex: 1 1 17.5%;
        display: flex;
        padding: 0.5vh;
        position: relative;
        flex-wrap: nowrap;
        align-self: auto;
        align-items: stretch;
        background-color: #ffffff;
        outline-color: #aaaaaa;
        outline-style: outset;
        outline-width: 4px;
        flex-direction: column;
        justify-content: space-evenly;
        min-width: 200px;
    }

    .sidebar-photo-container {
        flex: 1 1 10%;
        display: block;
        padding: 0.25vh;
        margin: 0.5vh;
        align-self: stretch;
        justify-items: center;
        outline-color: #dddddd;
        outline-style: outset;
        outline-width: 3px;
        align-content: center;
    }

    .component1-table-of-contents {
        flex: 1 1 65%;
        margin: 0.5vh;
        display: inline-flex;
        overflow: hidden scroll;
        flex-wrap: nowrap;
        align-self: stretch;
        align-items: flex-end;
        outline-color: #dddddd;
        outline-style: inset;
        outline-width: 3px;
        justify-items: stretch;
        flex-direction: column;
        justify-content: flex-start;
        box-shadow: #777777 1px 1px 3px 0px inset;
        text-align: right;
    }

    .component1-h2-link {
        font-size: 2.2vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 700;
        margin-block: 0.5vh;
        text-decoration: none;
        line-height: 1.15;
        margin-inline: 0vh 0.5vh;
        }

    .component1-h3-link {
        font-size: 1.8vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 600;
        font-style: italic;
        margin-block: 0.3vh;
        line-height: 1.15;
        text-decoration: none;
        margin-inline: 0vh 0.5vh;
        }

    .component1-h2-nolink {
        font-size: 2.2vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 700;
        margin-block: 0.5vh;
        text-decoration: none;
        margin-inline: 0vh 0.5vh;
        line-height: 1.15;
    }

    .TOC {
        font-size: 2.4vh;
        text-align: center;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 800;
        line-height: 1.4;
        padding-block: 0.5vh; text-decoration-line: underline;
    }

    .sidebar-image {
        object-fit: contain;
        object-position: center;
        max-inline-size: 100%;
        vertical-align: middle;
    }

    .component1-web-master {
        flex: 1 1 20%;
        margin: 0.5vh;
        display: inline-flex;
        padding: 0.5vh;
        flex-wrap: nowrap;
        align-self: stretch;
        align-items: center;
        outline-color: #dddddd;
        outline-style: outset;
        outline-width: 3px;
        justify-items: stretch;
        flex-direction: column;
        justify-content: space-between;
    }

    .component1-text-c {
        font-size: 1.7vh;
        text-align: center;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
        line-height: 1.25;
    }

    .component1-jewish-generosity {
        flex: 1 1 20%;
        margin: 0.5vh;
        display: inline-flex;
        padding: 0.5vh;
        flex-wrap: nowrap;
        align-self: stretch;
        align-items: center;
        outline-color: #dddddd;
        outline-style: outset;
        outline-width: 3px;
        justify-items: stretch;
        flex-direction: column;
        justify-content: center;
    }

    .component1-text-j {
        font-size: 1.75vh;
        text-align: justify;
        text-align-last: left;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
        line-height: 1.25;
    }

    .iframe-container {
        flex: 1 1 82.5%;
        display: flex;
        position: relative;
        align-self: stretch;
        align-items: stretch;
        justify-items: stretch;
        flex-direction: column;
        justify-content: space-evenly;
        outline-width: 4px;
        outline-style: inset;
        outline-color: #aaaaaa;
    }

    .component1-iframe {
        height: 100%;
        display: inline-block;
        scroll-behavior: auto;
        background-color: #ffffff;
        border-style: none;
    }

    .component1-iframe-mobile {
        display: none;
    }

    .main-container {
        display: block;
        background-color: #dedede;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: visible auto;
        justify-items: stretch;
    }
}

@media(max-width: 600px) {
    .component-header {
        display: flex;
        justify-items: stretch;
        background-size: contain;
        background-image: url("assets/Banner.png");
        background-repeat: no-repeat;
        background-position: right center;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 90%;
        text-anchor: middle;
        flex-direction: column;
        justify-content: stretch;
        align-items: stretch;
        margin-block: 0.25vh 0vh; }

    .titleheader {
        background-color: #ffffff80;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        outline: #ffffff80;
        outline-style: solid;
        outline-width: 4px;
        gap: 0.4vh;
        padding: 0.4vh;
        margin: 0.4vh;
    }

    .component-main-heading {
        font-size: 2.8vh;
        text-align: left;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 800;
    }

    .component-small-heading {
        font-size: 1.75vh;
        text-align: left;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 700;
        font-style: italic;
    }

    .component-tiny-heading {
        font-size: 1.5vh;
        text-align: left;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
    }

    .nav-container {
        display: none;
    }

    .nav-container-mobile {
        display: block;
        padding: 0.25vh;
        position: absolute;
        top: 9.25%;
        left: 0;
        right: 0;
        margin-block: 0.25vh;
        max-height: 15%;
    }

    .mobile-container {
        display: inline-flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: stretch;
        padding: 0.25vh;
        max-width: 75%;
        flex-wrap: nowrap;
    }

    .sidebar-mobile {
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: stretch;
        background-color: #ffffff;
        border-color: #cccccc #999999 #777777 #aaaaaa;
        border-style: solid;
        border-width: 3px;
        flex-direction: row;
        justify-content: stretch;
    }

    .sidebar-photo-container-mobile {
        margin: 0.25vh;
    }

    .component1-table-of-contents-mobile {
        margin: 0.5vh;
        display: flex;
        overflow: hidden scroll;
        flex-wrap: nowrap;
        align-self: stretch;
        align-items: flex-end;
        border-color: #cccccc;
        border-style: solid;
        border-width: 2px;
        justify-items: stretch;
        flex-direction: column;
        justify-content: flex-start;
        box-shadow: #666666 2px 2px 2px 0px inset;
        text-align: right;
    }

    .component1-h2-link {
        font-size: 1.4vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 600;
        text-decoration: none;
    }

    .component1-h2-nolink {
        font-size: 1.4vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 600;
        text-decoration: none;
    }

    .component1-h3-link {
        font-size: 1.25vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
        font-style: italic;
        margin: 0vh 0vh 0vh 1.5vh;
        text-decoration: none;
    }

    .TOC-mobile {
        font-size: 1.8vh;
        text-align: center;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 700;
        line-height: 1;
    }

    .TOC-menu-mobile {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: stretch;
        max-width: 27.5%;
    }

    .sidebar-image {
        object-fit: contain;
        object-position: center;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
    }

    .component1-web-master-mobile {
        display: block;
        padding: 0.25vh;
        align-content: center;
        justify-items: center;
        max-width: 42.5%;
        text-align: center;
        align-self: center;
    }

    .component1-text-c {
        font-size: 1.2vh;
        text-align: center;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
    }

    .component1-jewish-generosity-mobile {
        display: block;
        padding: 0.25vh;
        justify-items: stretch;
        max-width: 52.5%;
        text-align: justify;
        text-align-last: left;
        align-content: stretch;
        align-self: center;
    }

    .component1-text-j {
        font-size: 1.25vh;
        text-align: justify;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 500;
        text-align-last: left;
    }

    .component1-link-j {
        text-decoration: underline;
    }

    .iframe-container-mobile {
        display: inline-block;
        border-color: #666666 #989898 #bbbbbb #777777;
        border-style: solid;
        border-width: 3px;
        justify-items: stretch;
        margin: 0.25vh;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 21.5%;
    }

    .component1-iframe-mobile {
        display: block;
        overflow: visible;
        overflow-wrap: anywhere;
        background-color: #ffffff;
        border-style: none;
        width: 100%;
        height: 100%;
    }

    .main-container {
        display: block;
        background-color: gainsboro;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: visible auto;
        justify-items: stretch;
    }

    .mobile-thq-dropdown {
        cursor: pointer;
        display: inline-block;
        position: relative;
        border-radius: 0.5vh;
        border-style: solid;
        border-width: 2px;
        border-color: #aaaaaa;
        padding: 0.15vh;
        margin: 0.25vh;
    }

    .mobile-dropdown-toggle {
        fill: #595959;
        color: #595959;
        width: 100%;
        display: inline-flex;
        align-items: center;
        padding: 0.15vh;
        border-radius: 0.15vh;
    }

    .mobile-text {
        font-size: 1.6vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        text-align: center;
        font-weight: 700;
        vertical-align: middle;
        display: flex;
    }

    .mobile-text01 {
        text-align: left;
        vertical-align: middle;
        line-height: 1.2;
    }

    .mobile-dropdown-arrow {
        transition: 0.3s;
    }

    .mobile-icon {
        width: 4vw;
        height: 4vw;
        transition: 0.3s;
    }

    .mobile-dropdown-list {
        left: 0%;
        width: max-content;
        z-index: 1;
        position: absolute;
        min-width: 100%;
        transition: 1s;
        border-color: #444444;
        border-width: 2px;
        border-radius: 0.5vh;
        list-style-type: none;
        overflow: visible;
        background-color: #eeeeee;
        list-style-position: outside;
        padding: 0.25vh;
        box-sizing: border-box;
        margin: -0.25vh 0vh;
        border-style: solid;
        display: none;
        align-items: stretch;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .mobile-dropdown {
        cursor: pointer;
        display: inline-block;
        position: relative;
        border-radius: 0.25vh;
    }

    .mobile-dropdown-toggle {
        fill: #444444;
        color: #000000;
        width: 100%;
        display: inline-flex;
        transition: 0.3s;
        align-items: center;
        border-radius: 0.5vh;
    }

    .mobile-dropdown-toggle:hover {
        fill: #fff;
        background-color: white;
    }

    .mobile-text03 {
        width: 100%;
        cursor: pointer;
        display: flex;
        font-size: 1.8vw;
        font-style: normal;
        font-weight: 500;
    }

    .ContentCopyright {
        font-size: 1.15vh;
        font-family: 'Noto Sans',Arial,sans-serif;
        font-weight: 400;
        text-align: center;
        font-style: italic;
    }
}