BODY {
	
	background-color: #3d8eb9;
	
}


@media (min-width: 768px) {

    .container {
        width: 100%;
    } 
	
} 

@media (min-width: 1200px) {

    .container {
       width: 66%;
	} 
	
}

@media screen and (max-width: 768px) { 

	.contentDiv h1 {color: #83A671;}
	.contentDiv img  {display: none;}
	.contentDiv {padding-bottom: 12vh;}
	nav {display: none;}
	 
}

 .container {
   
    margin: auto;
}


.contentDiv {

	width: 100%;
	text-align: center;
	background-image: url("../img/header_bg.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;	
	margin-bottom: 10px;

}

.contentDiv img {

	width: 25%;
	
}


.contentDiv h1 {


    font-family: 'PT Serif', serif;
	font-size: 54px;
	color: #FFFFFF;
	padding-top: 8vh;
	line-height: 140%;
	display: inline-block;
	font-weight: 100;
	
}

.nav {
	

	border-top: 8px solid #2A6381;
	border-bottom: 8px solid #2A6381;
	background-color: #FFFFFF;
	margin: 0;
	float: none;
	left: 0;
	right: 0;
	width: 100%;
	
}

.row {

	width: 100%;
}

.nav a {
	
	color: #3d8eb9;
	font-size: 20px;
    font-family: 'PT Serif', serif;
	
	transition: all ease 0.5s ;
}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #000000;  
	background-color: #3d8eb9;
}

.navbar-default .navbar-nav > li > a  {
		
	background-color: #FFFFFF;
	
	width: 100%;
	margin: 0;
}

.navbar-default .navbar-nav > li {
	
	width: 25%;

}


.navbar-default .navbar-nav {
	
	width: 100%;
	
}

.navbar-inner {
	
	background-color: #FFFFFF;
	text-align: center;
	margin-right: -15px;
	margin-left: -15px;
	

}




.mainContent {
	
	background-color: #FFFFFF;

	border-bottom: 3px solid #2A6381;
	font-family: "Open Sans", sans-serif;
	
	padding-bottom: 20px;
	margin-bottom: 5px;
	width: 100%;
	margin: auto;
	
	
}



.mainContent h1 {
	
	padding-top: 16px;
	font-size: 40px;
	color: #3d8eb9;
	
}

.mainContent h2 {
	
	font-size: 18px;
	color: #3d8eb9;
}

.mainContent h3 {
	
	font-size: 26px;
	padding: 6px;
	border-radius: 5px;
	background-color: #3d8eb9;
	margin-bottom: -4px;
	
}

.mainContent h4 {
	
	color: #3d8eb9;
	font-size: 18px;
	
}

.mainContent p {
	
	font-size: 18px;
	
}

.mainContent ul > li {
	
	font-size: 14px;
	
}

.mainContent ul > li > a {

	text-decoration: none;

}

.mainContent img {
	
	width: 80%;
	margin-top: 30px;
	margin: auto;
	
}

.mainContent h5 {
	font-size: 30px;
}

.about {
	padding-left: 50px;
	padding-top: 20px;
}

.about ul {

	color: #3d8eb9;
	padding-left: 0;
}

.about ul > li {
	margin-bottom: -10px;
}

.about ul > li > h2 {
	font-size: 24px;
}

.about h4 {
	padding-top: 20px;
	font-size: 28px;
}

.about img {
	padding-top: 16px;
	width: 70%;
}

.vertImage {

	display: block;
}

.pdfDoc {

	

}



.pdfDoc li {
	padding-top: 20px;
}


.pdfDoc img {

	width: 100%;

}

.pdfDoc a {

	font-size: 20px;

}

.pdfDoc p {
	text-align: center;
	vertical-align: middle;
}

.about span {

	color: #3d8eb9;
	white-space: pre;
}

.about span {

	font-size: 18px;
}

.about p {

	padding-top: 16px;
	font-size: 18px;
	display: inline;

}

.contact {

	padding-top: 20px;
	text-align: center;

}

.following  {

	list-style: none;

}

.following li {

	padding-top: 10px;

}


.contact input {
	border: 2px solid #ADD8E6;
	display: block;
	margin: 0 auto;
	border-radius: 4px;

	width: 40%;
	font-size: 20px;

 


}

.contact button {


	font-size: 24px;
	background-color: #3d8eb9;
	color: white;
	border-radius: 6px;
	width: 40%;

	margin-top: -10px; 


}

.contact textarea {

	display: block;
	margin: 0 auto;
	width: 40%;

}

.contact span {

	margin: auto;

}

.contact ul {

	text-align: center;
	list-style: none;

}
.contact ul > li {

	font-size: 30px;
}

.sendForm {
	padding-top: 30px;
}

.footer {
	
	text-align: right;
	
}