body {
	font-family: "Nunito", san-serif;
}

/*#headingGroup {
	background-image: url("imgs/bible.jpg");
	
	min-height: 80vh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;

}*/

#headingGroup {
 background-image: url(imgs/bible2025.png);
 min-height: 100vh;
 background-position: right;
 background-repeat: repeat-x;
 background-size: contain;
 background-color: black;
 display: flex;
 align-items: flex-end;
 justify-content: center;
 text-align: center;
 padding-bottom: 0px;
}

#nletter{
	padding: 25px;
}

h2 {
	font-weight: 100;
	font-size: 2.5rem;
	text-align: center;
}

h4 {
	text-align: center;
}

.content {
	margin-top: 70px;
	margin-bottom: 70px;
}

.contentHeadings {
	margin-top: 70px;
}

#mainNavbar {
	font-size: 1.25rem;
	font-weight: 100;
}

#mainNavbar .nav-link {
	color: white;
}

#mainNavbar .nav-link:hover {
	color: #EA1C2C;
}


#headingGroup h1 {
	font-weight: 100;
	font-size: 3rem;
	color: white;
}


.navbar.scrolled {
	background: #c2c4c6;
	opacity: 2;
	transition: background 1s;
}

@media (max-width: 1200px) {
	#headingGroup h1 {
		font-weight: 100;
		font-size: 3rem;
	}
}

/*#mission {
	padding-top: 0px;
}*/

.missions {
	padding-bottom: 25px;
}

/*.about {
	background-color: #f5f5f5;
}*/


/*.contact {
	background-color: #f5f5f5;
}*/

section{
	padding-top: 50px;
	padding-bottom: 100px;
}

/*.row {
	margin-left: 0;
	margin-right: 0;
}*/

footer {
	background-color: #008080;
	text-align: center;
	color: white;
	padding: 20px;
	font-weight: 200;
}

/*This is to make the section start directly below the navbar*/
.anchor {
	display: block;
	height: 126px;
	margin-top: -126px;
	visibility: hidden;
}

#extraMural {
	margin-bottom: 55px;
}

.fab {
	color: black;
}

a.designed{
	color: black;
}

/*Change the colour of the navbar background to black when menu is collapsed
@media (max-width:768px){
	.collapse.navbar-collapse{
		color: black;
	}
}*/

/*Change the colour of the navbar text to black when menu is collapsed*/
@media (max-width:768px){
	#mainNavbar .nav-link{
		color: black;
		font-weight: bold;
	}
	
}