#thank_you_message {
	background-color: grey;
	color: white;
	font-family: Arial;
	text-align: center;
	font-size: 2em;
	height: 80px;
	line-height: 80px;
	z-index: 2;
	width: 100%;
	position: relative;
}



#topSection {
	height: 900px;
	width: 100%;
	display: block;

	background: url("../images/fog_forrest.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;

}


#eng_logo {
	
	
	height: 450px;
	width: auto;
	margin: 30px auto 50px auto;
	display: block;
}

#scroll_arrow {
	height: 55px;
	width: 55px;
	display: block;
	transform: rotate(-45deg);
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	margin: 15px auto 0 auto;
	cursor: pointer;
	animation: sdb 2s infinite;
	-webkit-animation: sdb 2s infinite;
	transition: 0.1s;
}

#scroll_arrow:hover{opacity: 0.5;}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }

}

#Current_Proj {
	height: auto;
	width: 100%;
	background-color: #262A21;
	background-image: url("../images/green_curtain.jpg");
	background-size: cover;
	display: block;
	overflow: hidden;
}
#projects_link {text-decoration: none;}
h2 {
	width: 100%;
	font-size: 4em;
 	font-family: Helvetica;
 	text-align: center;
 	text-transform: uppercase;
	color: white;
	margin: 100px auto;
	
	
	
	
	}

#recent_project_container {
	width: 900px;
	height: 1200px;
	margin: 0 auto 300px auto;
	display: block;
}

.recent_box {
	width: 50%;
	height: 400px;
	display: block;
	float: left;
	background-image: url("../images/fog_background.jpg");
	background-size: cover;
	box-shadow: inset 0 0 400px 700px rgba(255,255,255, 0.3);
	object-fit: cover;
	


}

.img_shift_right{object-position: 95% 0;}

.recent_project_header {
	font-family: Arial;
	font-size: 1.60em;
	color: black;
	width: 80%;
	margin: 12% auto 2% auto;
	text-align: left;

}

.recent_project_writer {
	width: 80%;
	font-size: 1.25em;
	font-family: Arial;
	font-style: italic;
	font-weight: 600;
	color: #E0B27B;
	margin-left: 10%;
	margin-bottom: 5%;
	margin-top: 0;
	padding-bottom: 3%;
	border-bottom: 2px solid black;
}

.recent_project_summary {
	font-family: Arial;
	font-size: 1.2em;
	color:black;
	margin: 0 auto;
	width: 80%;
	text-align: left;
	line-height: 1em;
	 height: 8em;
    overflow: hidden;
    display: block;
}



.recent_box a {
	color: black;
	font-family: Arial;
	font-size: 1.2em;
	margin-left: 10%;
	margin-top: 5%;
}

#all_projects {
	width: 100%;
	height: 250px;
	line-height: 250px;
	text-decoration: none;
	font-size: 0.75em;
	background-color: black;
}



 #our_story_text {
	width: 100%;
	height: auto;
	display: block;
	background-image: url("../images/eclipse/eger_side.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: inset 0 0 400px 700px rgba(0,0,0, 0.5);
	overflow: hidden;
	color: white;
 }

 
 #our_story_header {
 	font-size: 4em;
 	margin: 95px auto 30px auto;
 	font-family: Helvetica;
 	text-align: center;
 	text-transform: uppercase;
 }

 #two_column {
 	columns: 2;
	column-gap: 40px;
	display: inline-block;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 95px;

 }

 #two_column p {
 	
	font-family: 'Source Sans Pro';
	font-size: 1.35em;
	font-weight: 400;
	margin-top: 0;
	text-align: justify;
 }

#donate_wrapper {
	width: 100%;
	height: auto;
	display: block;
	background-color: white;
	/*box-shadow: inset 0 0 400px 700px rgba(255,255,255, 0.8)*/;
	overflow: hidden;
	color: white;

}
 #donate_header {
	font-size: 4em;
 	margin: 95px auto 30px auto;
 	font-family: Helvetica;
 	text-align: center;
 	text-transform: uppercase;
 	color: black;

 }

 #donate_text {
 	font-family: 'Source Sans Pro';
	font-size: 1.35em;
	font-weight: 400;
	margin-top: 0;
	text-align: justify;
	color: black;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;

 }
#button_wrapper {
	width: 550px;
	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: 175px;
}
 #donate_wrapper a {
 	border: 4px solid black;
 	padding: 10px;
 	font-family: Helvetica;
 	font-size: 2em;
 	text-align: center;
 	text-transform: uppercase;
 	color: black;
 	text-decoration: none;
 	
 }

 #contact {
 	float: left;
 }

 #donate {
 	float: right;
 }

 #contact:hover, #donate:hover {
 	background-color: black;
 	color: white;
 }



 @media only screen and (max-width: 1000px ) {
	/*SLIDING NAV BAR*/

	
	#topSection {background-attachment: scroll; height: 1100px;}
	#eng_logo {
	height: auto;
	width: 100%;
	margin: 30px auto 50px auto;
	display: block;
}
#scroll_arrow {
	height: 75px;
	width: 75px;
	border-bottom: 4px solid white;
	border-left: 4px solid white;
	margin: 5px auto 0 auto;
}

.recent_project_header {display: none;}
.recent_project_writer {
	font-size: 2.5em;
	margin-top: 5%;
	margin-bottom: 5%;
}
.recent_project_summary {
	font-size: 1.55em;
}



.recent_box a {
	font-family: Arial;
	font-size: 1.5em;
}

#our_story_text {background-attachment: scroll;}
#two_column {columns: 1;}
#recent_project_container {width: 100%;}


}