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

/*headline:font-family: "Oswald", sans-serif;
  paragraph:font-family: "Cormorant Garamond", serif;	
*/

/*Ocean Color Palette
	ocean blue: #003DE5;
	ocean depths: #001C40;
	indigo: #00637F;
	bright blue: #26AAFF;
	light aqua: #30FFCF;
	seafoam: #B7FFCA;
	orange: #FF871F;
	brighter blue: #72C8FF;
*/


*{
	box-sizing: border-box;
	margin: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Oswald", sans-serif;
}

p{
	font-family: "Cormorant Garamond", serif;
}

/*center an image*/
img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*main navigation*/
#mainNav{
	overflow: hidden;
	margin: 0;
	display: block;
	position: fixed;
	background-color: #001C40;
	width: 100%;
	font-family: "Oswald", sans-serif;
	height: 47px;
}

#mainNav a {
	float: left;
	margin: 0;
	display: inline-block;
	color: #003DE5;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none; /*removes underline*/
}

#mainNav a:hover {
	background-color: #30FFCF;
	color: #00637F;
	font-weight: 900;
}

#mainNav-right .active {
	background-color: #00637F;
	color: 	#FF871F;
}

#mainNav-right {
	float: right;
}

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


/*Banner section*/

.home_bg {
	background: #003DE5 url("../images/title-background_1000_optimized.jpg") no-repeat 
	center center;
	background-size: cover;
	height: 750px;
	margin-top: 20px;
}

.home_bg h1 {
	text-align:center;
	line-height: 750px;
	color: #001C40;
	font-size: 4em;
}

.about_bg {
	background: #003DE5 url("../images/about-background_1000_optimized.jpg") no-repeat
		center center;
	background-size: cover;
	height: 750px;
	margin-top: 20px;
}

.about_bg h1 {
	text-align:center;
	line-height: 750px;
	color: white;
	font-size: 4em;
}

/*flexbox 2 column layout*/

.container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}

/*flexbox column size*/
.element {
	margin: 0;
	padding: 0.5em;
	flex-basis: 40%;
}

.element h2 {
	font-size: 2em;
	text-align: center;
	font-weight: 900;
	color: #FF871F;
}

.learn {
		background: white url("../images/learn.jpg") no-repeat center center;
		backround-size: cover;
		height: 400px;
	}
	
.act {
		background: white url("../images/act.jpg") no-repeat center center;
		backround-size: cover;
		height: 400px;
	}
.news {
		background: white url("../images/news.jpg") no-repeat center center;
		backround-size: cover;
		height: 400px;
	}

/*footer section*/
footer {
	background-color: #001C40;
	text-align: center; /*horizontally centered*/
	line-height: 60px; /*vertically centered*/
	color: white
}






/*----------start of About page----------*/
.container_about {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
}

/*column background image*/
.mission {
	background: white url("../images/mission_400_optimized.jpg") no-repeat center center;
		backround-size: cover;
		height: 400px;
}

.vision {
	background: white url("../images/vision_400_optimized.jpg") no-repeat center center;
		backround-size: cover;
		height: 400px;
}

.targets {
	background: white url("../images/targets_400_optimized.jpg") no-repeat center center;
		backround-size: cover;
		height: 400px;
}