@media screen and (max-width: 800px) {
    h1.logo {
        text-align:center;
    }

    body header.mainHeader { border:none !important; }
    body #toolsContainer a { background: none !important; }
    body.green #toolsContainer { background-color: rgba(0,64,31,.4); }
    body.forestGreen #toolsContainer { background-color: rgba(8,33,8,.4); }
    body.red #toolsContainer { background-color: rgba(77,34,26,.4); }
    body.darkBlue #toolsContainer { background-color: rgba(0,28,55,.4); }
    body.blue #toolsContainer { background-color: rgba(41,47,64,.4); }
    body.royalBlue #toolsContainer { background-color: rgba(16,31,54,.4); }
    body.yellow #toolsContainer { background-color: rgba(87,83,36,.4); }
    body.orange #toolsContainer { background-color: rgba(80,55,29,.4); }
    body.brown #toolsContainer { background-color: rgba(63,49,34,.4); }
    body.teal #toolsContainer { background-color: rgba(17,55,52,.4); }
    body.violet #toolsContainer { background-color: rgba(51,42,59,.4); }
    body.wine #toolsContainer { background-color: rgba(34,10,19,.4); }
    body.darkPurple #toolsContainer { background-color: rgba(34,10,31,.4); }

    body.green #memberMenu { background-color: rgba(0,64,31,.8); }
    body.forestGreen #memberMenu { background-color: rgba(8,33,8,.8); }
    body.red #memberMenu { background-color: rgba(77,34,26,.8); }
    body.darkBlue #memberMenu { background-color: rgba(0,28,55,.8); }
    body.blue #memberMenu { background-color: rgba(41,47,64,.8); }
    body.royalBlue #memberMenu { background-color: rgba(16,31,54,.8); }
    body.yellow #memberMenu { background-color: rgba(87,83,36,.8); }
    body.orange #memberMenu { background-color: rgba(80,55,29,.8); }
    body.brown #memberMenu { background-color: rgba(63,49,34,.8); }
    body.teal #memberMenu { background-color: rgba(17,55,52,.8); }
    body.violet #memberMenu { background-color: rgba(51,42,59,.8); }
    body.wine #memberMenu { background-color: rgba(34,10,19,.8); }
    body.darkPurple #memberMenu { background-color: rgba(34,10,31,.8); }

    #toolsContainer a:nth-of-type(1), #toolsContainer a:nth-last-of-type(1) {
        border-radius:0;
    }
    #headerText {
        padding: 10px;
    }
    #headerText.flexRow {
        justify-content: center;
    }
    #headerText a, #headerText small {
        text-align: center;
    }
    #membersLogin {
        width:450px;
        top:50vh;
        transform:translate(-50%,-50%);
    }

    #menu-toggle {
        display:block;
        margin:0px 10px 0px auto;
    }
    #menu-wrapper {
        height:auto;
        padding: 10px 0 10px;
    }
    #menu-container {
        transition: all 0.5s ease-in-out;
        overflow:hidden;
        height:0px;
    }
    #menu {
        height:auto;
        display:block;
    }
    #menu>li {
        position: relative;
        float:none;
        border-left:none;
        padding: 0;
    }
    #menu>li:first-child {
        padding:0;
    }
    #menu>li:last-child {
        float:none;
    }
    #menu>li.searchLI {
        text-align: center;
    }
    #menu a, #menu span {
        display:block;
        padding: 5px 10px;
    }

    #menu>li.has-children > a:after, #menu>li.has-children > span:after {
        content: '▾';
        position:absolute;
        color:#333333;
        font-size:22px;
        right: 10px;
        line-height:38px;
    }
    #menu li.has-children-close {
        display:list-item;
        line-height:24px;
        margin:0;
        padding:0;
    }
    #menu li.has-children-close button {
        background:transparent;
        display:block;
        width:100%;
        text-align: center;
        padding:0 0 10px 0;
        margin: 5px auto 5px auto;
    }
    #menu>li .submenu-container, #menu>li .subsubmenu-container {
        transition: all 0.5s ease-in-out;
        background-color:rgba(255,255,255,.4);
        overflow:hidden;
    }
    #menu>li .submenu-container.collapsed {
        height:0;
    }
    #menu>li .subsubmenu-container.collapsed li.has-children-close {
        display:none;
    }
    #menu>li ul {
        position:static;
        display:block;
        width:100%;
        margin:0;
        box-shadow:none;
        border:none;
        background: transparent;
        opacity:1;
        visibility: visible;
        transition:none;
    }
    #menu>li:hover ul.subMenu, #menu>li ul.subMenu>li:hover ul.subSubMenu {
        margin-left:0px;
    }
    #menu>li.searchLI {
        margin-bottom:10px;
    }
    #middleImage span {
        text-align:center;
    }
    #contentFlexContainer {
        display:block;
    }
    #leftContent, #rightContent {
        width:100%;
        margin:0 auto;
    }
    .calendarContainer {
        max-width:100%;
    }
    .mailingListForm {
        width:90%;
        margin:0 auto;
    }
    .mailingListForm label {
        display:block;
        width:100%;
        float:none;
        text-align:left;
        font-size:1rem;
        line-height:1.4;
    }
    .mailingListForm input, .conversationForm input,
    .mailingListForm select {
        width:100%;
        float:none;
        text-align:left;
        margin-left:0;
        font-size:1rem;
        line-height:1.4;
        height:auto;
    }
    .mailingListForm #validationCode + label {
        display:none;
    }
    .mailingListForm #captcha {
        float:none;
        margin: 10px auto 10px;
    }
    .mailingListForm button {
        display:block;
        font-size:1rem;
        padding:0 20px;
        line-height:1.2;
        text-transform: uppercase;
    }
    .photoTable > div {
        width:50%;
    }
    #bibleChapterForm select, #bibleChapterForm input, 
    #bibleChapterForm button, #devotionaGuideForm select, 
    #devotionaGuideForm input, #devotionaGuideForm button {
        box-sizing: border-box;
        display:block;
        width:75%;
        padding:5px 10px;
        margin:5px auto;
        font-size:1.125rem;
        border:none;
        height:auto;
    }
    #bibleDailyForm select, #bibleDailyForm input, #bibleDailyForm button,
    #devotionaGuideForm select, #devotionaGuideForm input, #devotionaGuideForm button {
        padding:5px 10px;
        margin:5px auto;
        font-size:1.125rem;
        height:auto;
    }

    #mainFooter {
        display:block;
    }
    #mainFooter .footerBox {
        width: 95%;
        margin-left:auto;
        margin-right:auto;
        text-align: center;
    }
    .footerBox.second {
        margin-left:auto;
        margin-right:auto;
    }
    .footerBox:nth-child(1), .footerBox:nth-child(2), .footerBox:nth-child(3) * {
        text-align:center;
    }
    #copyrightFooter {
        display:block;
    }
    #copyrightFooter p, #copyrightFooter p:last-child {
        width:100%;
        text-align:center;
    }
}
@media screen and (max-width: 500px) {
    #toolsContainer {
        justify-content: center;
    }
    #toolsContainer a {
        padding-left:8px;
        padding-right:8px;
    }
    #headerText.flexRow {
        flex-direction:column;
        justify-content: center;
        align-items: center;
    }
    #cartTop span { display: none; }
    #membersLogin {
        width:85%;
    }
    .photoTable > div {
        width:100%;
    }
}