@media screen and (max-width: 500px) {
    #headerItems h1 {
        font-size: 1.75rem;
    }
    #headerItems.backgroundLeft h1, #headerItems.backgroundRight h1 {
        font-size: 1.5rem;
    }
    #headerItems.backgroundRight h1 { margin-right: 30%; }
    #headerItems.backgroundRight h2 { margin-right: 30%; }
    #headerItems.backgroundRight hr { margin-right: 50%; }
    #headerItems.backgroundLeft h1 { margin-left: 30%; }
    #headerItems.backgroundLeft h2 { margin-left: 30%; }
    #headerItems.backgroundLeft hr { margin-left: 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;
    }
    #headerMenu {
        width: 100%;
        height:auto;
        display:block;
    }
    #headerMenu>li {
        position: relative;
        display: block;
        float:none;
        border-left:none;
        padding: 0;
    }
    #headerMenu>li:first-child {
        padding:0;
    }
    #headerMenu>li:last-child {
        float:none;
    }
    #headerMenu>li.searchLI {
        text-align: center;
    }
    #headerMenu a, #headerMenu span {
        display:block;
        padding: 5px 10px;
    }

    #headerMenu>li.has-children > a:after, #headerMenu>li.has-children > span:after {
        content: '▾';
        position:absolute;
        color:#333333;
        font-size:22px;
        right: 10px;
        line-height:38px;
    }
    #headerMenu li.has-children-close {
        display:list-item;
        line-height:24px;
        margin:0;
        padding:0;
    }
    #headerMenu li.has-children-close button {
        background:transparent;
        display:block;
        width:100%;
        text-align: center;
        padding:0 0 10px 0;
        margin: 5px auto 5px auto;
    }
    #headerMenu>li .subMenuContainer {
        transition: all 0.5s ease-in-out;
        background-color:rgba(255,255,255,.4);
        overflow:hidden;
        display:block;
    }
    #headerMenu>li .subMenuContainer.collapsed {
        height:0;
    }
    #headerMenu>li ul {
        position:static;
        display:block;
        width:100%;
        margin:0;
        box-shadow:none;
        border:none;
        background: transparent;
        opacity:1;
        visibility: visible;
        transition:none;
    }
    #headerMenu>li ul li {
        font-size: 1rem;
    }
    #headerMenu>li ul li a {
        font-size: 1rem;
        height: auto;
        padding-top:1.25rem;
        padding-bottom:1.25rem;
    }
    #headerMenu>li:hover ul.subMenu, #headerMenu>li ul.subMenu>li:hover ul.subSubMenu {
        margin-left:0px;
    }
    .left, .right, .full .left {
        float:none;
        width: 100%;
    }
    .calendarContainer {
        max-width:100%;
    }
    .sideFeatures h2 {
        text-align: center;
    }
    .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;
        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;
    }
    div.footer {
        text-align: center;
    }
}