@charset "UTF-8";
/* CSS Document */
/*headline: font-family: 'Lato', sans-serif;
paragraph: font-family: 'Lora', serif;
*/
/*Recycling colors:
dark blue #082A38
light blue #B8CFD1
beige white #F2F2F2
green #3A5929
mustard #D9A50B
brown #502000
*/
*{box-sizing: border-box;
	margin:0;}

body{margin:0;
	 width: 100%;
	padding:0;
	background:#B8CFD1;}

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

p,ul,li{font-family: 'Lora', serif;}

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

/*main navigation*/
#mainNav{overflow: hidden;
		position: fixed;
		margin: 0;
		top: 0;
		display: block;
		background-color:#082A38;
		width: 100%;
		font-family: 'Lato', sans-serif;}

/*style the links in navigation bar*/
#mainNav a{float: left;
			display: block;
			color: #B8CFD1;
			text-align: center;
			padding: 20px 20px;
			text-decoration: none;
			font-size:18px;}

/*logo right-aligned*/
#mainNav-right{float:right;}

/*change the color of the links on hover*/
#mainNav a:hover{background-color:#D9A50B;
				color: #082A38;
				font-weight: 600;}

/*color for active link*/
#mainNav-right a.active{background-color:#D9A50B;
				color: #082A38;}

/*header section*/
	/*home page*/
 .home_banner{background:#B8CFD1 url("../images/jeans1.jpg") repeat center fixed;
		height: 500px;
		margin-top:40px;}

.home_banner h1{color:#f2f2f2;
		text-align: center;
		text-shadow:.90px .90px .3em #D9A50B;
		font-size: 90px;
		opacity: 100%;
		line-height: 500px;}

	/*our story page*/
.ourstory_banner{background:#B8CFD1 url("../images/water2.jpg") no-repeat fixed;
		height: 500px;
		margin-top:40px;}

.ourstory_banner h1{color:#082A38;
		text-shadow:.90px .90px .3em #f2f2f2;
		text-align: center;
		font-size: 100px;
		opacity: 100%;
		line-height: 500px;}

	/*join with us page*/
.joinwithus_banner{background:#B8CFD1 url("../images/water2.jpg") no-repeat right bottom fixed;
		height: 500px;
		margin-top:40px;}

.joinwithus_banner h1{color:#082A38;
		text-shadow:.90px .90px .3em #f2f2f2;
		text-align: center;
		font-size: 100px;
		opacity: 100%;
		line-height: 500px;}

	/*raise fund page*/
.fund_banner{background:#B8CFD1 url("../images/water2.jpg") no-repeat left bottom fixed;
		height: 500px;
		margin-top:40px;}

.fund_banner h1{color:#082A38;
		text-shadow:.90px .90px .3em #f2f2f2;
		text-align: center;
		font-size: 100px;
		opacity: 100%;
		line-height: 500px;}

.headline h2{font-size: 50px;
	text-align: center;
	color: #082A38;}

.headline p{font-size: 20px;
		text-align: center;
		display: block;
		width: 500px;
		margin: auto;
		color:#D9A50B;
		background:#082A38;
		border-radius:25px;}

/*create 2 columns that float next to each other*/
.row{width:90%;
	margin:auto;}

.column-2{float: left;
		width: 50%;
		padding:20px 70px;}

.column-2 h2{font-size: 28px;
		text-align: justify;
		color:#082A38;}

 .column-2 h3{font-size: 20px;
		font-weight: 800;
		text-align: justify;
		color:#3A5929;}

 .column-2 ul{font-size: 16px;
		text-align: left;
		color:#082A38;}

 .column-2 a{color:#082A38;
		background:#D9A50B;
		border-radius:15px;
		border:3px solid #D9A50B;}

 .column-2 p{font-size: 16px;
		font-weight: 400;
		text-align: justify;
		color:#082A38;}

.column-2 img{text-align: left;
			border-radius:25px;
			border:5px solid #082A38;
			height:450px;}

.column-2.fund {height: 500px;
		margin-top:20px;
		border-radius:25px;
		border:4px solid #F2F2F2;}

.column-3{float: left;
		width:33.33%;
		padding:10px;}

.column-3.smile1 img{height:350px;
		margin-top:20px;
		border-radius:25px;
		border:4px solid #3A5929;}

.column-3.smile2 img{height:350px;
		margin-top:20px;
		border-radius:25px;
		border:4px solid #3A5929;}

.column-3.smile3 img{height:350px;
		margin-top:20px;
		border-radius:25px;
		border:4px solid #3A5929;}

.column-3 h3{font-size: 25px;
		font-weight: 800;
		text-align: center;
		color:#3A5929;}

/*clear floats after the columns*/
.row:after {content:"";
			display: table;
			clear:both;}

/*conclusion*/
.conclusion_home h2{font-size: 2em;
		font-weight: 900;
		text-align: center;
		display: block;
		width: 300px;
		margin: auto;
		color:#f2f2f2;
		background:#3A5929;
		border-radius:25px;}

.conclusion_home img{border-radius:25px;
			border:5px solid #F2F2F2;
			height: 250px;}

.conclusion_story h2{font-size: 25px;
		font-weight: 700;
		text-align: center;
		margin: auto;
		color:#3A5929;}

.conclusion_story img{border-radius:25px;
			border:7px solid #F2F2F2;
			height: 700px;}

.conclusion_join h2{font-size: 2em;
		font-weight: 800;
		text-align: center;
		display: block;
		width: 300px;
		margin: auto;
		color:#f2f2f2;
		background:#3A5929;
		border-radius:25px;}

.conclusion_join p{font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: auto;
		color:#082A38;}

.conclusion_join img{border-radius:25px;
			border:7px solid #F2F2F2;
			height: 300px;}
	
iframe{display:block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;}

/*footer section*/
footer {background: #3A5929;
		height: 60px;}

footer h4{color: #f2f2f2;
		text-align:center;
		line-height:60px;}