* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    padding: 0;
}

.inputWidth {
	width:90%;
}
.boxLeft {
	padding:.5em;
	font-size:.75em;
	text-align: justify;
    	color: black;
	float:right;
	height:auto;
	min-height:11em;
	width:100%;
}

.boxRight {
	padding:.5em;
	font-size:.75em;
	text-align: justify;
    	color: black;
	float:right;
	height:auto;
	min-height:11em;
	width:100%;
}

.ministryDescription {
	width:100%;
}


.itemBigR {
    	background-color: LightGrey;
	padding-top: 4em;
	padding-bottom: 4em;
	padding-left:.5em
	padding-right:.5em;
	margin:.1em;
	font-weight: medium;
	font-size:1em;
	text-align: center;
    	color: black;
	height:auto;
	border: 0em LightGrey solid;
}




.itemBigL {
    	background-color: LightGrey; 
	padding-top: 4em;
	padding-bottom: 4em;
	padding-left:.5em
	padding-right:.5em;
	margin:.1em;
	font-weight:medium;
	font-size:1em;
	text-align: center;
    	color: black;
	height:auto;
	border: 0em LightGrey solid;
}

.mapCentre {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.imgCentre {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.inputBox {
	display:block;
	width:95%;
	border: grey solid .1em;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}



@media only screen and (min-width: 600px) {
    /* For tablets: */
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
  


.mapCentre {
	display:block;
	width:55%;
	margin-left:auto;
	margin-right:auto;
}

.imgCentre {
	display:block;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}

.boxRight {
	padding:.5em;
	font-size:.75em;
	text-align: justify;
    	color: black;
	float:right;
	height:auto;
	min-height:11em;
	width:100%;
}

.boxLeft {
	padding:.5em;
	font-size:.75em;
	text-align: justify;
    	color: black;
	background-color:white;
	float:left;
	height:auto;
	min-height:11em;
	width:100%;
}

.ministryDescription {
	width:100%;
}

.itemBigR {
    	background-color: LightGrey;    	
	padding: 4em;
	margin-top:.25em;
	margin-bottom:.25em;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	text-align: center;
    	color: black;
	height:auto;
	//height:10em;
	border: 0em LightGrey solid;
	display:block;
	width:90%;
}




.itemBigL {
    	background-color: LightGrey;
	padding:4em;
	margin-top:.25em;
	margin-bottom:.25em;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	text-align: center;
    	color: black;
	height:auto;
	border: 0em LightGrey solid;
	display:block;
	width:90%;
}
.inputWidth {
	width:70%;
}

.inputBox {
	display:block;
	width:70%;
	border: grey solid .1em;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}




.hvCentre {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2em;
}

}

@media only screen and (min-width: 900px) {
    /* For screens: */
.col-m-1 {width: 8.33%;}
.col-m-2 {width: 16.66%;}
.col-m-3 {width: 25%;}
.col-m-4 {width: 33.33%;}
.col-m-5 {width: 41.66%;}
.col-m-6 {width: 50%;}
.col-m-7 {width: 58.33%;}
.col-m-8 {width: 66.66%;}
.col-m-9 {width: 75%;}
.col-m-10 {width: 83.33%;}
.col-m-11 {width: 91.66%;}
.col-m-12 {width: 100%;}
  


.mapCentre {
	display:block;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
}

@media only screen and (min-width: 1090px) {
    /* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}



.boxRight {
	padding: .1em;
	font-size:.75em;
	text-align: justify;
    	color: black;
	float:right;
	background-color:white;
	height:auto;
	min-height:11em;
	width:50%;
}

.boxLeft {
	padding: .1em;
	font-size:.75em;
	text-align: justify;
    	color: black;
	background-color:white;
	float:left;
	height:auto;
	min-height:11em;
	width:50%;
}

.itemBigR {
    	background-color: LightGrey;
	padding: 6em;
	margin:.25em;
	font-size:1em;
	text-align: center;
    	color: black;
	float:right;
	height:auto;
	border: 0em LightGrey solid;
}




.itemBigL {
    	background-color: LightGrey;
	padding: 6em;
	margin:.25em;
	font-size:1em;
	text-align: center;
    	color: black;
	float:left;
	height: auto;
	border: 0em LightGrey solid;
}

.inputWidth {
	width:50%;
}

.inputBox {
	display:block;
	width:70%;
	border: grey solid .1em;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}


.hvCentre {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 8em;
}


.mapCentre {
	display:block;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}


.imgCentre {
	display:block;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

}

html {
    font-family: Calibri, Helvetica, Arial, sans-serif;
}



.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.swiper-container {
	width: 348px;
       	height: 272px;
       	margin-left: auto;
       	margin-top: auto;
       //border: solid 3px black;
}


.swiper-slide {
        background-position: center;
        background-size: cover;
}


.container{
	width:100%;
	min-width:320px;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid red;
	}

.lightGreyBkgd {
	background-color:#f3f3f3;
}

header {
	padding: 0px;
	margin:0px;
	font-family:Tahoma, arial,sans-serif;
	font-size:16px;
	text-align: center;
	color:rgb(0,0,0);
	border:2px solid rgb(0,0,0) ;
	border-bottom:0px solid black;
	border-radius:25px 25px 0px 0px;
	width:100%;
	min-width:320px;
	//max-width:1024px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f3f3f3;

}

.headerBold {
	font-size:30px;
	font-weight:bold;
}


section {
	height:auto;
	min-height:400px;
	z-index:-1;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	border-left: 2px rgb(0,0,0) solid;
	border-right: 2px rgb(0,0,0) solid;
	font-family:Tahoma, arial,sans-serif;
	font-size:14px;
	text-align: left;
	color:#000000;
	width:100%;
	min-width:320px;
	//max-width:1024px;
}


.sectionBorder {
	border: solid 0em #d3d3d3;
}

footer {
	margin:0px;
	padding:0px;
	font-family:"Times New Roman",sans-serif;
	font-size:14px;
	text-align:center;
	color:rgb(0,0,0);
	background-color:rgb(255,255,255);
	border:2px solid rgb(0,0,0) ;
	border-top:0px solid black;
	border-radius:0px 0px 25px 25px;
	height:45px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	min-width:320px;
	//max-width:1024px;
	background-color:#f3f3f3;
}


.textWhite {
	color:white;
}

.backgroundGrey {
	background-color:#d3d3d3;
}



.menu {
	list-style-type: none;
	margin: 0;
	padding: 1px;
	overflow: hidden;
   // background-color: #333;
}

.item {
    	//float: right;
	padding-right:1px;
	margin-right:.25em;
	font-weight: bold;
	font-size:9pt;
	text-align: center;
    	color: rgb(176,23,30);
}

.item a, .dropbtn {
    	display: inline-block;
	//min-width:100px;
    	color: rgb(176,23,30);
    	text-align: center;
    	padding: .5em 1em .5em 1em;
    	text-decoration: none;
	border-top: 2px #cce3ff solid;
	border-left: 2px #cce3ff solid;
	border-bottom: 2px #31557f solid;
	border-right: 2px #31557f solid;
	border-radius: 25px;
	//background-color:rgb(153,204,153);
	background-color:#d3d3d3;
}

.item a:hover, .dropdown:hover .dropbtn {
	background-color: #d3d3d3grey;
	color:white;
}

.item.dropdown {
    	display: inline-block;
    	//border:0px red solid;
    	border-radius:0px;
}




.dropdown-content {
    	display: none;
    	position: absolute;
    	background-color: white;
    	//min-width: 100px;
    	//box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    	//border:0px red solid;
    	//border-radius:25px;
}

.dropdown-content a {
    	color: black;
    	padding: 5px 5px;
    	text-decoration: none;
    	display: block;
    	text-align: center;
}

.dropdown-content a:hover {
	background-color: grey;
    	border:1px black solid;
	border-top:0px;
    	//border-radius:25px;
	border-right:0px;
}

.dropbtn {
    	display: inline-block;
    	color: black;
    	text-align: center;
    	padding: 7px 14px;
    	text-decoration: none;
	border-top: 2px #cce3ff solid;
	border-left: 2px #cce3ff solid;
	border-bottom: 2px #31557f solid;
	border-right: 2px #31557f solid;
	border-radius: 25px;
	background-color:rgb(95,152,65);
	//min-width:150px;
}


.dropdown:hover .dropdown-content {
    	display: block;
    	//border:1px red solid;
    	//border-radius:25px;
}
.dropdown:hover .dropbtn {
	//background-color: rgb(153,204,102);
	background-color: #d3d3d3;
	//min-width:100px;
}

nav {
	width:100%;
}

a {
	text-decoration:none;
	color:grey;
}

a:visited {
	text-decoration:none;
	color:grey;
}

a:hover {
	text-decoration:none;
	color:black;
}

.menuBig {
	list-style-type: none;
	margin: 0;
	padding: 0em;
	padding-top:1em;
	overflow: hidden;
	height:10em;
}


.boxBlack {
	padding:.5em;
	font-weight: medium;
	font-size:.75em;
	text-align: justify;
    	color: white;
	background-color:LightGrey;
	float:right;
	height:auto;
	min-height:11em;
	border: .05em black solid;
	width:100%;
}




.boxWhite {
	padding:.5em;
	font-weight:medium;
	font-size:.75em;
	text-align: justify;
    	color: black;
	float:left;
	border: .05em black solid;
	background-color:grey;
	height:auto;
	min-height:11em;
	width:100%;
}

.paddingNone {
	padding:0;
}

.paddingLeft {
	padding-left:1em;
}

.paddingRight {
	padding-right:1em;
}

.paddingTop {
	padding-top:1em;
}

.paddingTop40 {
	padding-top:40%;
}

.paddingBottom {
	padding-bottom:1em;
}

.paddingFull {
	padding:1em;
}

.borderFull {
	border:.1em;
}


.borderLeft {
	border-left:.1em;
}


.borderRight {
	border-right: .1em;
}


.borderTop {
	border-top: .1em;
}

.borderBottom {
	border-bottom: .1em;
}



.foot_link a {
	width:auto;
	
	}

.foot_link a:link {
	text-decoration:none;
	color: black;
	font-weight:medium;
	}

.foot_link a:visited {
	color: rgb(0,0,0);
	text-decoration:none;
	}

.foot_link a:hover {
	color:white;
	background-color: black;
}



.about_link a {
	background-color: #d3d3d3;
	width:auto;
	
	}

.about_link a:link {
	text-decoration:none;
	color: black;
	font-weight:medium;
	}

.about_link a:visited {
	color: rgb(0,0,0);
	text-decoration:none;
	}

.about_link a:hover {
	color:white;
	background-color: black;
}


.imgAutoSize {
	width:100%;
	height:auto;
}

.imgFaceLeft {
	float:left;
	padding-left:5px;
	}

.imgFaceRight {
	float:right;
	padding-right:5px;
	}


.imgRight {
	border:5px solid white;
	float:right;
}

.imgLeft {
	border:5px solid white;
	float:left;
}

.imgCentre75 {
	display:block;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}

.alignLeft {
	float:left;
}

.alignRight {
	float:right;
}

.textAlignRight {
	text-align:right;
}

.textAlignLeft {
	text-align:left;
}

.centre {
	display:block;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.centre90 {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.textCentre {
	text-align:center;
}

.one {
	font-size:1em;
}

.onetwofive {
	font-size:1.25em;
}

.onefive {
	font-size:1.5em;
}

.onesevenfive {
	font-size:1.75em;
}

.two {
	font-size:2em;
}

.twofive {
	font-size:2.5em;
}

.three {
	font-size:3em;
}

.pointtwofive {
	font-size:.25em;
}
.pointfive {
	font-size:.5em;
}

.pointsevenfive {
	font-size:.75em;
}

.pointeightfive {
	font-size:.85em;
}
	
.tenPaddingLeft {
	padding-left:10px;
}
	
.tenPaddingRight {
	padding-right:10px;
}
	
.tenPaddingTop {
	padding-top:10px;
}
	
.tenPaddingBottom {
	padding-bottom:10px;
}

.noPadding {
	padding:0px;
}
	
	

.inputFont {
	font-size:.75em;
}


input[type=submit]:hover {
	color:grey;
	background-color:white;
	border:black solid .1em;
	border-radius: 4px;
}

input[type=text] {
  	padding: 5px 10px;
  	margin-left:auto;
  	margin-right:auto;
  	margin-bottom:1em;
  	box-sizing: border-box;
	border:0;
	border-bottom:solid grey .1em;
	font-family:"Century Gothic", Helvetica, Verdana, sans-serif;
}

textarea {
	width:90%;
	min-width:200px;
	height:auto;
	min-height:300px;
	padding:.1em;
	resize: none;
	box-sizing: border-box;
	background-color: white;
	border:solid grey .1em;
	border-radius: 4px;
	font-family:"Century Gothic", Helvetica, Verdana, sans-serif;
	}



.noPadding {
	padding:0em;
}


button {
	text-align: center;
	border:.0 black solid;
	border-radius: 25px;
	background-color:#d3d3d3;
	display: inline-block;
	cursor:pointer;
	
}


.second {
	font-family:Tahoma, arial,sans-serif;
	font-size:.75em;
	text-align: center;
	border: .1em solid #d3d3d3;
	border-radius: 25px;
	background-color:#ffffff;
	display: inline-block;
	cursor:pointer;
	margin-bottom:.5em;
}
/*
.second:hover {
	cursor:pointer;
	//background-color: white;
	//filter:brightness(125%);
	border: .1em solid #000000;
	border-radius: 25px;
}*/

/*connect css */

#connect{
	padding: 5px 0;
	text-align: center;	
	border: .25em solid #d3d3d3;
	position: relative;
	width:auto;
	height: 245px;
	display: inline-block;	
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
}

#connect .imgConnect {
	width: 170px;
	height: 170px;
	object-fit: cover;
	border-radius: 25px;
}

#connect .connectContent {
	text-align:left;
}

#connect .connectHeader
{
	margin-top: -10px;
	margin-left: -5px;
	//padding: 5px;
	text-align: center;
	font-size: 1.0em;
	//text-decoration: underline;
	/*border: 0em solid #d3d3d3;
	width: auto;*/
	white-space: normal;
}

#connect .connectFooter
{
	margin-top: -5px;
	margin-left: -5px;
	margin-bottom: -10px;
	padding: 5px;
	text-align: center;
	font-size: 1.0em;
	/*border: .5em solid #d3d3d3;
	border-radius: 25px;
	width: auto;*/
}

#connect:hover
{
	padding: 5px 0;
	text-align: center;	
	border: .25em solid #000000;
	position: relative;
	width:auto;
	height: 245px;
	display: inline-block;	
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
}



#connect2 {
	//padding: 5px 0;
	//text-align: center;	
	//border: 5px solid #d3d3d3;
	//position: relative;
	width:auto;
	//height: 245px;
	//display: inline-block;	
	//vertical-align: top;
	margin-left:auto;
	margin-right:auto;
}