
body{
	font-family:font-family: 'Lato', sans-serif;
	margin:0px;
	padding:0px;
	background-image:url(/images/church-bg-2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-attachment:fixed;
	top:0px;
	left:0px;
}

h1, h2, h3, h4, h5, h6{
	font-family:font-family: 'Lato', sans-serif;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
    background: #fff; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #1e4385; 
	border-radius: 9px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: orange; 
}

.logo-header{
	color:#fff;
	font-weight:600;
	line-height:45px;
	text-align:left;
}
#slide-box > h1, #slide-box > h2, #slide-box > h3{
	color:#fff;
}

.blanket-container{
	display:block;
	width:100%;
	height:100%;
	background-color:purple;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
}

#slide-box{
	display:block;
	width:100%;
}

.transparent-boxes{
	display:block;
	width:100%;
	background-color:#fff;
	opacity:0.6;
	filter:alpha(0.72);
	border:1px solid #eee;
	border-radius:6px;
	min-height:63px;
}

.form-control{
	border:1px solid purple;
}

.font-100{
	font-weight:100;
}
.font-200{
	font-weight:200;
}
.font-300{
	font-weight:300;
}
.font-400{
	font-weight:400;
}
.font-500{
	font-weight:500;
}
.font-600{
	font-weight:600;
}

#children-option{
	display:none;
}

@media (max-width:720px ){
    
	.logo-header{
		color:#fff;
		font-weight:600;
		line-height:45px;
		text-align:center;
	}
	
	#slide-box{
		text-align:center;
	}
	
	.transparent-boxes{
    	opacity:1;
    	filter:alpha(1);
    }
    
}
