/* CSS Document */

BODY {
/* background-image : url("/images/hakusa01.jpg"); */
	/* 
	background-position: 0% 0%;
	background-repeat: repeat;
	background-color:#FFFFFF; */
/*	background-image : url("/images/background-bible.jpg");
	background-size: cover; */
	background-attachment: fixed;
	line-height: 150%;
}

h1 {
	font-weight: bold;
	font-family: Osaka;
	text-align: center;
	font-size: 18px;
}
.desktop, .mobile { }

.maintable {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	/* background-color:#ffffff; */
	vertical-align:top;
	width:99%;
}


.doublespacing {
	line-height: 150%;
}

.nodeco, .language a {
	text-decoration:none;
}

.centered,
.bottom-banner {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.sns,
.language {
	text-decoration:none;
	float:right;
	margin: 4px;
	font-size: 12px;
	vertical-align:middle;
}

.sns img,
.language img {
	vertical-align:middle;
}


.xsmall {
	font-size: x-small
}

..size12 {font-size: 12px}

.px12 {}
.px13 {}
.px14 {}
.px16 {}
.px18 {}

.page-header {
	background-image: url('/images/top-header.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 55.5%;
	margin-bottom: 5px;
}

.main-box, .fb-page {
	margin:2px;
	margin-left:auto;
	margin-right:auto;
	max-width: 460px;
}


.bottom-banner img {
	max-width:468px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.announcement {
	font-weight:bold;
	color:red;
}

.sermon_table {
	width:98%;
    margin-left:1%; 
	border-collapse: collapse;
}
.sermon_table td {
	vertical-align:top;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}


.sermon_date, .sermon_title, .sermon_verse { }

.guest_speaker {
	font-size:12px;
}

table.pastor {
	max-width:500px;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}

table.pastor td {
	font-size: 13px;
}


.subheader {
	color: #29620E;
}

.sns-icon {
	vertical-align:bottom; 
	border:none; 
	margin: 5 5 5 0;
}


@media (min-width: 861px) {
	
	.half860, .fb-page { 
		float: left;
	}

	.half860 { 
		width:45%; 
	}

	
}

@media (max-width: 860px) {
	
	.half860, .fb-page { 
		width:95%; 
		margin-bottom:20px;
	}
	
}


@media (min-width: 721px) {
	.main-box {
		float:left;
		width:50%;
	}

	
}

@media (max-width: 720px) {
	
	.main-box {
		width:95%;
	}
	
}

@media (min-width: 481px) {

	.mobile { display:none; }

	.px12 {font-size: 12px}
	.px13 {font-size: 13px}
	.px14 {font-size: 14px}
	.px16 {font-size: 16px}
	.px18 {font-size: 18px}

	.maintable {
		max-width:920px;
	}
	
	.top-logo { 
		max-width:280px; 
		margin-top: -145px;
	}
	
	.sermon_table td { padding: 1px; }
	
	.sermon_date { 
		font-size: 13px;
		white-space:nowrap;
	}
	
	.sermon_title { 
		font-size: 16px;
		white-space:normal;
	}
	
	.sermon_verse { 
		font-size: 13px;
		white-space:nowrap;
	}

	.guest_speaker {
		white-space:nowrap;
	}
	
	.half,
	.one-third { 
		float: left;
	}

	.half { 
		width:45%; 
	}

	.one-third { 
		width:30%; 
	}

}

@media (max-width: 480px) {

	.desktop { display:none; }


	.px12 {font-size: 12px}
	.px13 {font-size: 13px}
	.px14 {font-size: 13px}
	.px16 {font-size: 13px}
	.px18 {font-size: 13px}
	
	.locationmap iframe {
		width: 95%;
	}

	.top-logo { 
		max-width:200px; 
		margin-top: -110px;
	}
	
	
	.mobile_topimage img {
		max-width: 320px; /* Adjust this value according to your content area size*/
		height: auto;
	}

	.sermon_table td {
		padding: 0px;
	}
	
	.sermon_date { 
		font-size: 13px;
		white-space:nowrap;
	}
	
	.sermon_title { 
		font-size: 13px;
		white-space:normal;
	}
	
	
	.sermon_verse { 
		font-size: 13px;
		white-space:normal;
	}
	.half, .one-third { 
		width:95%; 
	}
}