.headerMainPage{
	background: url(img/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    height:700px;

}
.headerPage{
	background: url(img/background.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    width:100%;
    height:200px;
}
.contactInfo{
	float:right;
	margin-top:4%;
	margin-right:3%;
}
.nav{
	padding-top:40px;
	font-size:20px;
	width:auto;
	text-align:center;
}
.mobileNav{
	display:none;
}
.mobileNavList{
	display:hidden;
}
.mobileHeader{
	display:none;
}
@media screen and (max-width: 766px) {
	/* .nav is the original menu */
	.nav {
		display:none;
	}
	.mobileNav{
		display:inline-block;
		text-align:center;
		width:100%;	
		
		
	}
	.mobileHeader{
		display:inline-block;
		text-align:center;
		margin-top:56px;
		width:100%;
	}
	.navShowHide{
		background-color:white;
		position:fixed;
		width:100%;
		top:60px;
		padding-left:0px !important;
		display:none;
		z-index:70000;
		background-color: #535F6B;
		height: 90%;
  		max-height: 1200px;
  		overflow-y: scroll;
 		-webkit-overflow-scrolling:touch; // mobile safari
	}
	#navToggle{
		position:fixed;
		right:2%;
		top:1%;
		height:auto;
		z-index:70000;
	}
	.contactInfo{
		display:none;
	}
	.headerTitleMobile{
		font-size:30px;
		color:#ffffff;
		font-weight:bolder;
		text-align:center;
		padding-top:25px;
	}
	li{
		border-top:2px solid black;
		width:100%;
	}
	li:hover{
		background-color:#ffffff;
	}
	ul{
		list-style: none;
		font-size:20px;
		font-weight:bolder;
		margin:0%;
	}
	a, a:hover, a:link, a:visited, a:active{
    	text-decoration: none;
    	color:black;
	}
	.inspiringText,.japanMap{
		padding-top:150px;
	}
}
.icon{
	padding-top:0px !important;
	padding-bottom:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.japanMap{
	margin-top:7%;
	float:left;
	padding-right:2%;
	width:23%;
}
.inspiringText{
	float:left;
	width:75%;
}
.church{
	float:left;
    vertical-align: top;
    width:50%;
    text-align:center;
}
.missionAgency{
	float:left;
	vertical-align: top;
    width:50%;
    text-align:center;
}
.copy{
	text-align:center;
	font-style:italic;
	vertical-align: top;
}
.referenceContent{
	width:100%;
	margin: 0 auto;
}
body{
	font-family: Asap;
	background-color:#f5f5f5;
}

footer{
	padding-top:5%;
	padding-bottom:5%;
}

.nav .nav-pills {
    display: inline-block;
    float: none;
}
.nav .navbar-collapse {
    text-align: center;
}
.page-header{
	margin:0px;
}
.headerTitle{
	text-align:center;
	color:#ffffff;
	font-size:3.5vw;
	font-weight:bolder;
}
.title1{
	font-family:Cormorant Upright;
	font-weight:bold;
	font-size:10vw;
	margin-left:5%;
	margin-top:14%;
	color:#ffffff;
}
.title2{
	font-family:Cormorant Upright;
	font-weight:bold;
	font-size:3.5vw;
	margin-left:48%;
	margin-top:8%;
	color:#ffffff;
}
.title3{
	font-family:Cormorant Upright;
	font-weight:bold;
	font-size:7vw;
	margin-left:37%;
	margin-top:5%;
	color:#ffffff;
}
.video{
	background-color:#ffffff;
	padding-top:5%;
	padding-bottom:5%;
}
#videoPlayer{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
}
/*Begin About Us Page*/
.bioTitle{
	margin-left:5%;
	margin-right:5%;
	border-top:5px solid;
	border-bottom:5px solid;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:5%;
	margin-top:2%;
	margin-bottom:2%;
}
.rightFourth{
	float:right;
	width:40%;
	margin-right:10%;
	font-size:1.75vw;
	line-height: 2.5vw;
}
.leftFourth{
	float:left;
	width:40%;
	margin-left:6%;
}
.bodySection{
	background-color:#ffffff;
}
.backgroundQuote{
	width:40%;
	color:#ffffff;
	padding-left:10%;
	padding-top:10%;
}
.backgroundQuote2{
	width:40%;
	color:#ffffff;
	padding-left:40%;
	padding-top:10%;
}
.backgroundAuthor{
	width:40%;
	color:#ffffff;
	padding-left:13%;
	padding-top:1%;
}
.backgroundAuthor2{
	width:40%;
	color:#ffffff;
	padding-left:45%;
	padding-top:1%;
}
.aaronBio{
	height: 1400px;
	overflow: hidden;
}
.emilyBio{
	height: 1400px;
	overflow: hidden;
}
.spacing {
    height: 700px;
    overflow: hidden;
}
.image-block {
    width: 100%;
    height: 700px;
    overflow: hidden;
}
@media screen (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
	.backgroundQuote,.backgroundAuthor{
		width:75%;
	}
	.backgroundQuote2{
		width:75%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.backgroundAuthor2{
		width:100%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.rightFourth{
		float:right;
		width:auto;
		height:60%;
		margin-left:5%;
		font-size:15px;
		line-height:15px;
		padding-top:15px;
	}
	.leftFourth{
		float:left;
		width:auto;
		height:40%;
		margin-left:5%;
	}
	.image-block {
	    display:none;
	}
	.aaronBio{
		height:auto;
		overflow: visible;
	}
	.emilyBio{
		height:auto;
		overflow: visible;
	}
	.spacing{
		height:800px;
	}
}
@media screen (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){
	.backgroundQuote,.backgroundAuthor{
		width:75%;
	}
	.backgroundQuote2{
		width:75%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.backgroundAuthor2{
		width:100%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.rightFourth{
		float:right;
		width:auto;
		height:60%;
		margin-left:5%;
		font-size:15px;
		line-height:15px;
		padding-top:15px;
	}
	.leftFourth{
		float:left;
		width:auto;
		height:40%;
		margin-left:5%;
	}
	.image-block {
	    display:none;
	}
	.aaronBio{
		height:auto;
		overflow: visible;
	}
	.emilyBio{
		height:auto;
		overflow: visible;
	}
	.spacing{
		height:800px;
	}	
}
@media screen (min-device-width: 1025px){
	.backgroundQuote,.backgroundAuthor{
		width:75%;
	}
	.backgroundQuote2{
		width:75%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.backgroundAuthor2{
		width:100%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.rightFourth{
		float:right;
		width:auto;
		height:60%;
		margin-left:5%;
		font-size:15px;
		line-height:15px;
		padding-top:15px;
	}
	.leftFourth{
		float:left;
		width:auto;
		height:40%;
		margin-left:5%;
	}
	.image-block {
	    display:none;
	}
	.aaronBio{
		height:auto;
		overflow: visible;
	}
	.emilyBio{
		height:auto;
		overflow: visible;
	}
	.spacing{
		height:800px;
	}
}
@media screen and (max-width: 720px) {
	.backgroundQuote,.backgroundAuthor{
		width:75%;
	}
	.backgroundQuote2{
		width:75%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.backgroundAuthor2{
		width:100%;
		color:#ffffff;
		padding-left:10%;
		padding-top:10%;
	}
	.rightFourth{
		float:right;
		width:auto;
		height:60%;
		margin-left:5%;
		font-size:15px;
		line-height:15px;
		padding-top:15px;
	}
	.leftFourth{
		float:left;
		width:auto;
		height:40%;
		margin-left:5%;
	}
	.image-block {
	    display:none;
	}
	.aaronBio{
		height:auto;
		overflow: visible;
	}
	.emilyBio{
		height:auto;
		overflow: visible;
	}
	.spacing{
		height:800px;
	}
}
/* aboutJapan page CSS */
.atAGlance{
	background-color:#ffffff;
}
.carousel-caption{
	color:#ffffff;
}
.centerH1{
	text-align:center;
	font-size:4vw;
}
.groupOfFourths{
	margin:5%;
}
.fourths{
	float:left;
	width:25%;
	text-align:center;
	margin-bottom:5%;
	font-weight:bolder;
}
.iconPhoto{
	width:70px;
	height:70px;
}
.informatinTextLeft{
	width:50%;
	style:inline-block;
}
@media screen and (max-width: 800px) {
    .informatinTextLeft{
		width:100%;
		float:none;
	}
	.imageRight{
		width:100%;
		float:none;
		padding-top:5%;
		padding-bottom:5%;
		padding-left:2%;
	}
}
.italic{
	font-style:italic;
}
.bold{
	font-weight:bolder;
}
.imageRight{
	width:50%;
	padding-top:5%;
	float:right;
	text-align:center;
}
@media screen and (max-width: 800px) {
	.imagePadding{
		display:none;
	}
}
.generalCulture, .honorVsShame{
	padding-top:132px;
	padding-bottom:132px;
	padding-left:5%;
	padding-right:5%;
	background-color: #535F6B;
	color:white;
}
.religiousClimate{
	padding-top:132px;
	padding-bottom:132px;
	padding-left:5%;
	padding-right:5%;
}
.groupOfThirdsStacked{
	float:right;
	width:50%;	
}
.thirds{
	text-align:center;
	margin-bottom:5%;
	margin-top:5%;
	font-weight:bolder;
}
.fourthsStacked{
	float:right;
	width:50%;
}
.fourthsSt{
	text-align:center;
	margin-bottom:5%;
	margin-top:5%;
	font-weight:bolder;
}

@media screen and (max-width: 800px) {
	.thirds{	
		float:left;
		width:33%;
		text-align:center;
		margin-bottom:5%;
	}
	.fourthsSt{
		float:left;
		width:25%;
		text-align:center;
		margin-bottom:5%;
	}
	.groupOfThirdsStacked{
		float:none;
		width:100%;
	}
	.fourthsStacked{
		float:none;
		width:100%;
	}	
}
.centerPhoto{
	display:block;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	width:264px;
	height:264px;
	
}
.photoMiddleDiv{
	margin-bottom:-132px;
	margin-top:-132px;
}
.bodyContainer{
	padding-left:5%;
	padding-right:5%;
	padding-bottom:5%;
	background-color:#ffffff;
}
.paddingRight{
	padding-left:5%;
}
.formBox{
	background:url(../css/img/postcard.jpg);
	background-size:cover;
	box-shadow: 10px 10px 5px #888888;
	width:670px;
	height:377px;
	margin-top:15%;
	margin-left:2%;
	style:inline-block;
	float:right;
}

.controls,.control-label{
	width:258px !important;
	padding-left:2%;
}

#mc-embedded-subscribe-form{
	padding:0px !important;
}

.prayerRequests{
	background:url(../css/img/passport.jpg);
	background-size:cover;
	border-radius: 25px;
	padding:5%;
	box-shadow: 10px 10px 5px #888888;
	width:320px;
	height:auto;
	margin-top:15%;
	style:inline-block;
	float:right;
	color:black;
	font-weight:bolder;
}

@media screen and (max-width: 766px) {
	.formBox, .prayerRequests{
		float:none;
		width:100%;
		margin-top:0%;
		margin-left:0%;
	}
	.topPadding10{
		padding-top:0%;
	}
}
.bigParagraphText{
	font-size:20px;
	line-height:30px;
}
li{
	padding:1em 0;
} 
.control-label{
	color:#71595D;
}
.footnote{
	font-size:10px;
	line-height:12px;
	font-weight:bolder;
}
/*Book a Meeting Page*/
.bookAMeetingWrapper{
	background-color:#535F6B;
	padding-left:5%;
	padding-right:5%;	
	padding-top:5%;
	padding-bottom:5%;
	color:white;
}
.bookAMeetingText{
	padding-left:5%;
}
#myModal{
	width:auto;
	height:auto;
    margin-left: -35%;
}
/*Giving Page*/
.pageWrapper{
	padding:5%;
	background-color:#ffffff;
}
.topPadding10{
	padding-top:10%;
}