@charset "utf-8";
/* CSS Document */


body {
	margin-top: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-family: 'Open Sans Condensed', sans-serif;
	;
	font-size: 18px;
	background-color: #B5B5B5;
}
.page-wrapper {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
.top-banner {
	width: 100%;
	height: 280px;
	padding-top: 20px;
	background-image: url(../images/ppk1.jpg);
	background-position: center;
	background-size: cover;
}
.top-banner h1 {
	font-size: 24px;
	text-align: center;
	color: #FFFFFF;
	font-style: normal;
	text-shadow: 3px 3px 8px #1B1B1B;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
.clearfix {
	overflow: auto;
}
.col1 {
	width: 19%;
	font-size: medium;
	font-style: normal;
	font-weight: 300;
	color: #1756C6;
	padding: 10px;
	background-color: #75A1EF;
}
#logo {
	width: 25%;
	float: left;
	margin: left;
	max-width: 200px;
	padding-left: 10px;
	height: 100%;
}
.top-banner img {
	width: 100%;
	height: auto;
}
nav ul {
	text-align: center;
	list-style-type: none;
	padding-left: 0px;
}
nav a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	margin-bottom: 4px;
	background-color: #5A6773;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Bad Script', cursive;
	font-style: normal;
	font-weight: 400;
	font-size: 1.3em;
}
nav a:hover {
	background-color: #3E678B;
}
#pic1 {
	background-image: url(../images/Administration.jpg);
}
#pic2 {
	background-image: url(../images/prayer.png);
}
#pic3 {
	background-image: url(../images/bediening.jpg);
}
#pic4 {
	background-image: url(../images/fundraisers_default_1.jpg);
}
#pic5 {
	background-image: url(../images/../images/../images/thepromise_zps0d1ecbb1.jpg );
}
.featured-img {
	border-radius: 100%;
	height: 150px;
	width: 150px;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	botder-width: thick;
}
.featured-images {
	text-align: center;
}
.featured {
	width: 200px;
	text-align: center;
	padding-right: 20px;
	font-size: 18px;
	padding-left: 15px;
}
.button {
	width: 60px;
	height: 60px;
	color: #FFFFFF;
	font: small-caps;
	margin-left: 75%;
}
h6 {
	color: #FFF56D;
}
h2 {
	color: #FFF56D;
}
h3 {
	color: #003596;
}
.topic-three-img {
	max-width: 100%;
	background-image: url(../images/topic-three-img.jpg);
	image-border: #FFFCFC;
}
.topic-one {
	padding: 10px 20px 15px;
	background-color: cornflowerblue;
}
.topic-two {
	font-weight: 300;
	background-color: #6AA7F0;
	padding-bottom: 15px;
}
.topic-three {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #8AA6F1;
}
.footer {
	font-size: 14px;
	text-align: center;
	background-color: #5A6773;
}
.featured-images {
	display: block;
	width: 98%;
}
.container-featured {
	margin: 2%;
}
.table {
	float: rigt;
}
label {
	float: left;
}

/*tablet view*/
@media screen and (min-width:768px) {
nav a {
	width: 20%;
	float: left;
}