/* CSS Document */


/*tags*/

	
body{
	background-color:#434343;
	margin:1%;
}
aside{
	display:none;
}

i{
  	color:#0066C7;
	padding-bottom:3%;
	padding-top:10%;
	padding-right:5%;
}

header{
/*	margin-left:1%;*/
	margin-right:1%;
	padding-top:3%;
}

h1{
	font-size:1.5em;
	font-family: 'Montserrat', sans-serif;
	margin:1%;
	margin-bottom:5%;
	padding-left:3%;
	padding-bottom:1.9%;
	padding-top:1%;
	border-bottom:#0066C7 solid thin;
	font-weight:600;
}

h2{
	font-size:1.2em;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	margin:1%;
	padding-left:3%;
	padding-top:1.2%;
	padding-bottom:5%;
	color:#0066C7;
}
h3{
	font-family: 'Montserrat', sans-serif;
	margin:1%;
	padding-left:3%;
	padding-top:1.2%;
	color:#0066C7;
	font-size:1em;
}
h4{
	font-size:0.95em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	max-width:1000px;	
	line-height:1.4;
	padding-bottom:1.3%;
	padding-left:3%;
}
h6{
	margin:1%;
	padding-left:3%;
	padding-top:2%;
	padding-bottom:1%;
	color:#FFFFFF;
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	text-align:center;
	font-size:0.95em;
}
p{
	font-size:0.95em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	line-height:1.5;
	padding:3%;
	max-width:1000px;	
}
footer{
	padding-bottom:3%;
	margin-top:3%;
}

/*classes*/
.white-box{
	background-color:#FFFFFF;
	padding-left:3%;
	padding-top:3%;
	margin-bottom:5%;
	padding-bottom:5%;
}
/*styles white background*/
.verse{
	margin-top:-17%;
	color:#FFF;
	padding-bottom:6%;
	text-shadow: 2px 2px 3px #000;
}
/*styles bible verse in about us.html*/
.search{
	color:#0066C7;
	margin-right:18%;
	margin-left:18%;
	height:33px;
}
/*styles search button*/
.logo{
	max-width:1000px;
	width:70%;
}
.logo-link{
	width:20%;
}
/*styles JW logo*/
.burger-button{
	height:33px;
}
/*styles burger button*/
.header{
	display:none;
}
/*hides header*/
.container{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
/*styles section container*/
.mobile-nav{
	margin:1%;
	padding:3%;
	font-size:1.2em;
	margin-top:15%;
	position:absolute;
	right:0;
	background-color:rgba(67,67,67,0.90);
	width:100%;	
}
/*styles mobile nav*/
.main-image{
	width:100%;
	padding-bottom:3%;
	
}
/*styles main image in pages*/
.aside-links{
	display:none;
}
/*hides aside links*/
.index{
	font-size:1.3em;
	font-family: 'Montserrat', sans-serif;
	margin:1%;
	border-bottom:#0066C7 solid thin;
	text-align:left;
	padding-top:7%;
}
/*styles h1*/
.index_2{
	font-size:1.2em;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
	margin:1%;
	padding-bottom:0%;
	color:#0066C7;
}
/*styles h2*/
.events{
	font-family: 'Montserrat', sans-serif;
	margin:1%;
	padding-left:3%;
	padding-top:7%;
	color:#0066C7;
	font-size:1em;
}
/*styles h3 in activities.html*/

.featured{
	padding-top:7%;
	padding-left:0%;
}
.contact{
	padding:3% 0% 1% 3%;
}
/*styles contact h2 */


/*ids*/
#desktop-nav{
	display:none;
}
/*hides desktop nav*/
#mobile-nav-bottom{
	background-color:#FFFFFF;
	margin-left:1%;
	padding:3%;
	text-align:left;
}
/*styles mobile nav bottom*/

#small-nav{
	text-align:right;
	width:30%;
	display:flex;
}
/*styles mobile/small nav div*/
#bullets ol{
	font-size:0.95em;
	margin-left:3%;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	line-height:1.5;
	padding:3%;
	list-style-type: disc;
}
/*syles bullets*/
.mobile-nav, #desktop-nav{
	display:none;
}
/*hides desktop nav and hides nav when click burger button*/

#mobile-nav-bottom a:{
	color:rgba(0,255,161,1.00) !important;
}
/*links*/

a:link, a:active, a:visited {
	color:#0066C7;
	display:block;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	line-height:1.9em;
	font-size:1em;
	transition: 0s, ease-out,0.80s;
}
/*styles nav links*/
a:hover {
	color: #7E7E7E;
	text-decoration: none;
}
/*styles links hover*/
.mobile-nav a {
	color:#FFFFFF !important;
	border-bottom: solid thin rgba(255,255,255,0.40) !important;
	margin-left:8%;
	transition: 0s, ease-out,0.50s;

}
/*styles mobile nav links*/
.mobile-nav a:hover{
	color:#0066C7 !important;
	padding-right:10%;
	
}
/*styles mobile nav links hover*/
#mobile-nav-bottom a:hover{
	padding-left:10% !important;
}
a.number{
	color:#00C11D;
}
/*styles number in contact.html*/
a.number:hover{
	color:#A80002;
}
/*styles number link*/
i.fa-2x:hover{
color:#FFFFFF!important;
}
/*styles burger and search button hover*/

/*tablet view*/
@media screen and (min-width:768px) {

	
/*tags*/
	body{
		background-color:#434343;
	}
	header{
		padding-top:1%;
	}
	section{
		width:60%;
		margin-right:-55%;
		float:left;

	}
	main{
		width:70%;
		padding-left:0%;
	
	}
	aside{
		display:block;
		border:medium solid #0066C7;
		border-radius: 10px;
		width:50%;
	}
	footer{
		clear:both;
		line-height:0;
	}

/*classes*/
	.burger-button{
		display:none;
	}
/*	hides burger button*/
	.verse{
	margin-top:-5%;
	color:#FFF;
	padding-bottom:4%;
}
/*	styles bible verse in about.html*/
		.logo-link{
 		width:25%;
		max-width:1000px;
		margin-bottom:0%;
	}
/*	styles JW logo link*/
	.main-image{
		width:101%;
	padding-bottom:1%;


	}
/*	styles main image*/
	.search{
	display:none;
	}
/*	hides search button*/
	.border{
	border: thick solid #0B83EC;
	display:block;
	color: rgba(0,0,0,1.00);
	max-width:1000px;
	box-shadow: 5px 5px 50px #000;
	}
/*	styles blue border*/
	.header{
	display:block;
	font-size:1.3em;
	font-family: 'Montserrat', sans-serif;
	margin:1%;
	color: #FFF;
}
/*	styles main header*/
	.white-box{
	content: "";
	max-width:1000px;
    clear: both;
	display:flex;
	align-items:flex-start;
	padding-right:7%;
	padding-bottom:5%;
	margin-bottom:0%;
	}
/*	styles white box background*/

	.container-aside{
		display:flex;
		display:block;
		margin-left:10%;
		padding-top:1%;
		padding-left:3%;
		padding-bottom:2%;
		margin-top:3%;
		padding-right:3%;
	}
/*	styles aside links*/
	.container-aside-activities{
		display:flex;
		display:block;
		margin-left:10%;
		padding-top:1%;
		padding-left:3%;
		padding-bottom:2%;
		margin-top:5%;
		padding-right:3%;
	}
/*	styles aside links for activities.html*/
	

	/*ids*/
	
	.mobile-nav, #mobile-nav-bottom{
		display:none !important;
	}
/*	hides all mobile navigations*/
	#desktop-nav{
		display:block;
		padding-top:3%;
		padding-bottom:3%;
		max-width:1000px;
		width:100%;
		background-color:#FFFFFF;
		margin-left:1%;
	}
/*	styles desktop navigation*/
	#desktop-nav ul{
	display:flex;
	justify-content:space-around;
	padding-left:2%;
	transition: letter-spacing 0s, ease-out,0.80s;
}
/*	styles destkop navigation links*/

	/*links*/
	
	.container-aside a{
		transition: size 0s, ease-out,0.40s;
	}
/*	styles aside inactive links*/
	.container-aside a:hover{
letter-spacing:0px !important;
font-size:1.1em;
	}
/*	styles aside inactive links hover*/
a:hover {
	color: #7E7E7E;
	text-decoration: none;
	letter-spacing: 2px;
}
/*	style links hover*/
a.black_links{
	color:#000000 !important;
}
/*	styles aside links under featured articles */
a.black_links:hover{
color:#0066C7!important;
letter-spacing:0px;
}
/*	styles aside links hover under featured articles */
a.far,.fas:hover{
color:#434343 !important;
}
/*styles aside links icons hover*/
a.fas,.far:hover{
	color:#434343 !important;
}
/*styles aside links icons hover*/

}

/*desktop view*/
@media screen and (min-width:1000px) {

/*	tags*/
	
	html{
	max-width:1000px;
	margin: auto;
	}
	footer{
		padding:0%;
		width:70%;
		margin-left:5%;
		padding-left:10%;
		padding-bottom:2%;
	}
	
	/*	classes*/
	.white-box{
		width:90%;
	}
/*	styles white box background*/
	.logo-link{
 		width:22%;
		max-width:1000px;
	}
/*	styles JW logo link*/

}