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

	#topBarWrapper {
		box-sizing:border-box;
		padding: 2px 5px;
	}
	#header {
		position:static;
	}
	#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;
	}
	#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:#eaf1f7;
        right: 10px;
        line-height:10px;
    }
	#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 {
	    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 ul {
		position:static;
		display:block;
		width:100%;
		margin:0;
		box-shadow:none;
		border:none;
		background: transparent;
	}
	#middleImage span {
		text-align:center;
	}
	#mainContent {
		padding:0 8px;
	}
	#mainContent .left {
		float:none;
		width:95%;
		margin:0 auto;
	}
	#mainContent .right {
		float:none;
		width:95%;
		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;
	}

	.footerBox {
		width: 95%;
		float:none;
		margin-left:auto;
		margin-right:auto;
		text-align: center;
	}
	.footerBox.second {
		margin-left:auto;
		margin-right:auto;
	}
	.footerBox.first, .footerBox.second, .footerBox.third * {
		text-align:center;
	}
	#copyright {
		text-align:center;
	}
}
@media screen and (max-width: 500px) {
	#membersLogin {
		width:85%;
	}
	.photoTable > div {
		width:100%;
	}
}