#allpage{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 3000px;
  background-color: black;
  z-index: -1;
}
#header {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 110px;
  background-color: white;
  border-style: outset;
  border-color: white;
  z-index: -1;
}
#hhgoc_top {
  position: absolute;
  background-color: yellow;
  top: 0px;
  left: 110px;
  width: 950px;
  z-index: 30;
}
#hhname {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 950px;
}
#hhgoc_top2 {
  position: absolute;
  top: 50px;
  left: 110px;
  width: 950px;
}
#menu {
  position: absolute;
  top: 5px;
  left: 200px;
  width: 710px;
  height: 50px;
  z-index: 100;
}
#moto {
  position: absolute;
  top: 50;
  left: 0px;
}
/* Floating Menu */
 main {
    margin-bottom: 200%;
	border-radius: 25px;

  }
  .floating-menu {
    background-color: white;		  
    font-family: ariel;
	top: 60px;
	left: 360px;
    padding: 5px;
    width: 570px;
	height: 45px;
    z-index: 100;
    position: fixed;
	border-radius: 25px;
  }
  .floating-menu a, 
  .floating-menu h3 {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
	border-radius: 25px;

  }
/* Dropdown behavior start*/
/* Dropdown Button */
.dropbtn {
  background-color: #000066;
  color: white;
  padding: 5px;
  font-size: 20px;
  border: none;
  cursor: pointer;
  border-radius: 25px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  border-radius: 25px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: powderblue;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 25px;
  z-index: 25;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-radius: 25px;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #000066;
    color: white;
	}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: powderblue;
	}
/* Dropdown behavior end*/
/* End of Floating Menu */

/* Section 1 Start*/
#helping_hands_building{
  position: absolute;
  background-color: #00004d;
  background-image: url("images/vegetable_background.png");
  top: 120px;
  height: 470px;
  left: 0px;
  width: 950px;
  	border-style: outset;
	border-color: white;
  border-radius: 50px;
}

#greenupstore {
	position: absolute;
	top: 30px;
    left: 30px;
    width: 606px;
	height: 406px;
	z-index: 50;
}
#storeinfo {	
	position: absolute;
	top: 100px;
	left: 570px;
    width: 300px;
	height: 385px;	
    padding: 10px;
	z-index: 50;
}
#word_background {	
	position: absolute;
	top: -15px;
	left: 475px;
    width: 300px;
	height: 500px;	
    padding: 10px;
	z-index: 25;
}
#buttons {
	position: absolute;
	top: 405px;
	left: 180px;
    width: 285px;
	height: 30px;	
    padding: 10px;
	text-decoration: none;
	z-index: 25;
	
}
#donate_image {
	position: absolute;
	top: 5px;
	left: 0px;
}
#volunteer_image2 {
	position: absolute;
	top: 5px;
	left: 130px;
}
#visit_image {
	position: absolute;
	top: 5px;
	left: 260px;
}
#gold {
	position: absolute;
	top: 355px;
	left: 30px;
    width: 285px;
	height: 30px;	
    padding: 10px;
	cursor: pointer;
	z-index: 75;
}
/* Section 1 End*/
/* Section 2 Start*/
#helping_hands_mission{
  position: absolute;
  top: 640px;
  height: 400px;
  left: 0px;
  width: 950px;
  border-radius: 50px;
  z-index: -10;
}
#mission_statement {
	background-color: white;
	position: absolute;
	top: 85px;
	left: 440px;
    width: 440px;
	height: 220px;	
    padding: 10px;
	border-radius: 25px;
	z-index: 50;
}
#hearts {
	position: absolute;
	top: 0px;
	left: 0px;
    width: 880px;
	height: 60px;	
    padding: 10px;
	z-index: 50;
}
/*
#basic_needs{
  position: absolute;
  background-color: powderblue;
  top: 640px;
  height: 700px;
  left: 0px;
  width: 950px;
  border-radius: 50px;
  z-index: -10;
}
#neighbors{
  position: absolute;
  top: 315px;
  height: 220px;
  left: 60px;
  width: 360px;
  z-index: 30;
}
#food{
  position: absolute;
  top: 0px;
  height: 220px;
  left: 350px;
  width: 360px;
  z-index: -1;
}
#hunger_facts_button{
  position: absolute;
  top: 615px;
  height: 60px;
  left: 660px;
  width: 230px;
  z-index: 30;
}
*/
/* Section 2 End*/
/* Section 3 Start*/
#fight{
  position: absolute;
  background-color: white;
  top: 1075px;
  height: 210px;
  left: 0px;
  width: 950px;
  border-style: outset;
  border-color: white;
  border-radius: 50px;
  z-index: -10;
}
#fight_words{
  position: absolute;
  top: 20px;
  height: 40;
  left: 130px;
  width: 700px;
  z-index: 30;
}
/* Section 3 End*/
/* Section 4 Start*/
#donations{
  position: absolute;
  top: 1320px;
  height: 700px;
  left: 0px;
  width: 950px;
  border-radius: 50px;
  z-index: -10;
}
#donations_words{
  position: absolute;
  top: 60px;
  height: 460px;
  left: 105px;
  width: 280px;
  z-index: 30;
}
#donations_words_back{
  position: absolute;
  top: 20px;
  height: 480px;
  left: 20px;
  width: 500px;
  z-index: -1;
}
#donations_image{
  position: absolute;
  top: 10px;
  height: 410px;
  left: 365px;
  width: 490px;
  z-index: -1;
}
#path1{
  position: absolute;
  top: 490px;
  height: 410px;
  left: 415px;
  width: 490px;
  z-index: -1;
}
/* Section 4 End*/
/* Section 5 Start*/
#food2{
  position: absolute;
  top: 1920px;
  height: 700px;
  left: 0px;
  width: 950px;
  border-radius: 50px;
  z-index: -10;
}
#food2_words{
  position: absolute;
  top: 50px;
  height: 460px;
  left: 590px;
  width: 315px;
  z-index: 30;
}
#food2_words_back{
  position: absolute;
  top: 20px;
  height: 480px;
  left: 520px;
  width: 500px;
  z-index: -1;
}
#food2_image{
  position: absolute;
  top: 30px;
  height: 410px;
  left: 50px;
  width: 490px;
  z-index: -1;
}
#path2{
  position: absolute;
  top: 440px;
  height: 410px;
  left: 452px;
  width: 490px;
  z-index: -1;
}
/* Section 5 End*/
/* Section 6 Start*/
#distribute{
  position: absolute;
  top: 2460px;
  height: 600px;
  left: 0px;
  width: 950px;
  border-radius: 50px;
  z-index: -10;
}
#distribute_words{
  position: absolute;
  top: 50px;
  height: 460px;
  left: 85px;
  width: 310px;
  z-index: 30;
}
#distribute_words_back{
  position: absolute;
  top: 20px;
  height: 480px;
  left: 10px;
  width: 500px;
  z-index: -1;
}
#distribute_image{
  position: absolute;
  top: 50px;
  height: 340px;
  left: 370px;
  width: 490px;
  z-index: -1;
}
/* Section 6 End*/
/* Section 7 Start*/
#thriftstore {
	background-color: white;
	position: absolute;
	top: 3040px;
	left: 40px;
    width: 860px;
	height: 220px;	
    padding: 10px;
	border-style: outset;
	border-color: white;
	border-radius: 25px;
	z-index: 25;
}
#people {
	position: absolute;
	top: 155px;
	left: 40px;
    width: 880px;
	height: 60px;	
    padding: 10px;
	z-index: 25;
}
/*
#testimony {
  position: absolute;
  background-color: white;
  top: 3040px;
  height: 300px;
  left: 0px;
  width: 950px;
  border-radius: 50px;
  z-index: -10;
}
#test_word {
  position: absolute;
  top: 10px;
  height: 500px;
  left: 10px;
  width: 900px;
  z-index: 5;
}
*/
/* Section 7 End*/
/* Section 8 Start*/
#ending {
  position: absolute;
  top: 3410px;
  height: 500px;
  left: 0px;
  width: 900px;
  border-radius: 50px;
  z-index: -10;
}
#end_logo {	
  position: absolute;
  top: 10px;
  left: 20px;
  height: 100px;
  width: 100px;
  z-index: 5;
}
#end_title {
  position: absolute;
  top: 20px;
  left: 140px;
  height: 100px;
  width: 400px;
  z-index: 5;
}
#how {
  position: absolute;
  color: white;
  top: 20px;
  left: 620px;
  height: 300px;
  width: 500px;
  z-index: 5;
}
#quick {
  position: absolute;
  color: white;
  top: 130px;
  left: 60px;
  height: 300px;
  width: 300px;
  z-index: 5;
}
#contact {
  position: absolute;
  color: white;
  top: 260px;
  left: 620px;
  height: 300px;
  width: 500px;
  z-index: 5;
}
#last_words {
  position: absolute;
  color: white;
  top: 450px;
  left: 60px;
  height: 300px;
  width: 500px;
  z-index: 5;
}
/* Section 8 End*/
a, u {
  text-decoration: none;
  cursor: pointer;
}
/* Hunger page start */
#help_up {
	position: absolute;
	top: 110px;
	left: 570px;
	z-index: 25;
}
#help_each {
	position: absolute;
	top: 300px;
	left: 0px;
	z-index: 30;
}
#boxit{
	position: absolute;
	top: 230px;
	left: 430px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}
#helping_out {
	position: absolute;
	top: 280px;
	left: 450px;
    width: 440px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#help_hunger{
	
}
#feeding_us{
	position: absolute;
	top: 930px;
	left: 150px;
	z-index: 30;
}
#world{
	position: absolute;
	top: 1400px;
	left: 100px;
	z-index: 30;
}
#boxit2{
	position: absolute;
	top: 1480px;
	left: 100px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}
#world_hunger{
	position: absolute;
	top: 1500px;
	left: 140px;
    width: 680px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#brain{
	position: absolute;
	top: 1870px;
	left: 60px;
	z-index: 30;
}
#questions{
	
}
#boxit3{
	position: absolute;
	top: 2000px;
	left: 100px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}

#hunger_facts{
	position: absolute;
	top: 2030px;
	left: 140px;
    width: 680px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#basket_food{
	position: absolute;
	top: 2470px;
	left: 650px;
	z-index: 30;
}
#boxit4{
	position: absolute;
	top: 2600px;
	left: 100px;
	z-index: 10;
}
#heart{
	position: absolute;
	top: 2470px;
	left: 50px;
	z-index: 30;
}
#who_receives{
	position: absolute;
	top: 2630px;
	left: 140px;
    width: 680px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#hand_tree{
	position: absolute;
	top: 2975px;
	left: 250px;
    width: 680px;
	height: 785px;	
    padding: 10px;
	z-index: 25;	
}
#hhogc_gears{
	position: absolute;
	top: 3100px;
	left: 200px;
    width: 680px;
	height: 785px;	
    padding: 10px;
	z-index: 25;	
}
#staff_image {
	position: absolute;
	top: 100px;
	left: 310px;
}
#purp_box {
	position: absolute;
	top: 270px;
	left: 10px;
	z-index: -1;
}

#staff {
	position: absolute;
	top: 320px;
	left: 50px;
    width: 850px;
	height: 820px;	
    padding: 10px;
	border-radius: 25px;
	z-index: 25;
}
#teamwork_image{
	position: absolute;
	top: 730px;
	left: 475px;	
}
#blue_box{
	position: absolute;
	top: 1360px;
	left: 25px;
	z-index: -1;	
}
#board_members {
	position: absolute;
	top: 1270px;
	left: 40px;
    width: 900px;
	height: 520px;	
    padding: 10px;
	border-radius: 25px;
	z-index: 25;
}
#bod_information {
	background-color: lightyellow;
	position: absolute;
	top: 300px;
	left: 80px;
    width: 370px;
	height: 190px;	
    padding: 20px;
	border-radius: 25px;
	z-index: 25;
}
#bod_information2 {
	background-color: lightgreen;
	position: absolute;
	top: 260px;
	left: 550px;
    width: 260px;
	height: 280px;	
    padding: 20px;
	border-radius: 25px;
	z-index: 25;	
}
#hand_hearts {
	position: absolute;
	top: 1850px;
	left: 40px;
    width: 900px;
	height: 300px;	
    padding: 10px;
	border-radius: 25px;
	z-index: 25;	
}
#green_box{
	position: absolute;
	top: 2230px;
	left: 25px;
	z-index: -1;	
}
#partners {
	position: absolute;
	top: 2080px;
	left: 60px;
    width: 850px;
	height: 520px;	
    padding: 10px;
	border-radius: 25px;
	z-index: 25;
}
#partners_list {
	position: absolute;
	top: 345px;
	left: 100px;
    width: 520px;
	height: 430px;	
    padding: 10px;
	border-radius: 25px;
	z-index: 25;
}
#hhogc_image{
	position: absolute;
	top: 2830px;
	left: 125px;
	z-index: -1;	
}
/* Start Volunteer Page */

#looking_image{
	position: absolute;
	top: 120px;
	left: 25px;
	z-index: -1;	
}
#looking_for{
	position: absolute;
	top: 280px;
	left: 25px;
	z-index: -1;	
}
#purp_border{
	position: absolute;
	top: 150px;
	left: 350px;
	z-index: -1;	
}
#volunteer_start{
	position: absolute;
	top: 190px;
	left: 380px;
	width: 520px;
	height: 520px;	
	z-index: 25;	
}

#volunteer_image{
	position: absolute;
	top: 600px;
	left: 270px;
	z-index: 25;	
}
#blue_border{
	position: absolute;
	top: 850px;
	left: 20px;
	z-index: -1;	
}
#volunteer_mid1{
	position: absolute;
	top: 900px;
	left: 70px;
	width: 820px;
	height: 520px;	
	z-index: 25;	
}
#volunteer2_image{
	position: absolute;
	top: 1770px;
	left: 580px;
	z-index: 25;
}
#benefits_image{
    position: absolute;
	top: 1650px;
	left: 130px;
	z-index: 25;
}
#green_border{
	position: absolute;
	top: 1700px;
	left: 20px;
	z-index: -1;	
}
#volunteer_mid2{
	position: absolute;
	top: 1730px;
	left: 60px;
	width: 480px;
	height: 520px;	
	z-index: 25;	
}
#submit_form_image{
	position: absolute;
	top: 2370px;
	left: 20px;
	z-index: 25;
}
#gold_border{
	position: absolute;
	top: 2500px;
	left: 200px;
	z-index: -1;	
}
#volunteer_form{
    position: absolute;
	top: 2540px;
	left: 250px;
	width: 400px;
	height: 620px;	
	padding: 5px;
	border-color: #ffeb99;
	border-radius: 25px;
	z-index: 25;
}
#donations_dolly{
	position: absolute;
	top: 240px;
	left: 20px;
	z-index: 30;
}
#green_frame{
	position: absolute;
	top: 160px;
	left: 400px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}
#household_donations{
	position: absolute;
	top: 190px;
	left: 440px;
    width: 480px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#donation_coins{
	position: absolute;
	top: 950px;
	left: 580px;
	z-index: 30;
}
#purp_frame{
	position: absolute;
	top: 900px;
	left: 10px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}
#money_donations{
	position: absolute;
	top: 930px;
	left: 40px;
    width: 480px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#needed_items{
	position: absolute;
	top: 1650px;
	left: 10px;
	z-index: 30;
}
#blue_frame{
	position: absolute;
	top: 1350px;
	left: 400px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}
#food_donations{
	position: absolute;
	top: 1380px;
	left: 430px;
    width: 480px;
	height: 785px;	
    padding: 10px;
	z-index: 25;
}
#gold_frame{
	position: absolute;
	top: 2400px;
	left: 10px;
    width: 500px;
	height: 785px;	
	z-index: 10;
}
#thank_you2{
	position: absolute;
	top: 2500px;
	left: 560px;	
	z-index: 25;
}
#donate_form{
	position: absolute;
	top: 2440px;
	left: 40px;
	width: 400px;
	height: 620px;	
	padding: 5px;
	border-color: #ffeb99;
	border-radius: 25px;
	z-index: 25;
}
#hhogc_blocks{
	position: absolute;
	top: 3000px;
	left: 200px;	
	z-index: 25;
}
#food_box{
	position: absolute;
	top: 110px;
	left: 10px;
	width: 500px;
	height: 520px;	
	z-index: 25;
}
#green_container{
	position: absolute;
	top: 150px;
	left: 400px;
    width: 550px;
	height: 300px;	
	z-index: 10;
}
#efp{
	position: absolute;
	top: 190px;
	left: 430px;
	width: 500px;
	height: 520px;	
	z-index: 25;	
}
#senior_box{
	position: absolute;
	top: 530px;
	left: 10px;
	width: 500px;
	height: 520px;	
	z-index: 25;
}
#charity{
	position: absolute;
	top: 630px;
	left: 550px;	
	z-index: 25;
}
#purp_container{
	position: absolute;
	top: 580px;
	left: 10px;
    width: 550px;
	height: 300px;	
	z-index: 10;
}
#sfbp{
	position: absolute;
	top: 600px;
	left: 35px;
	width: 500px;
	height: 520px;	
	z-index: 25;	
}
#backpack_food{
	position: absolute;
	top: 1080px;
	left: 5px;
	width: 500px;
	height: 520px;	
	z-index: 25;	
}
#blue_container{
	position: absolute;
	top: 1050px;
	left: 400px;
    width: 550px;
	height: 340px;	
	z-index: 10;
}
#backpack_program{
	position: absolute;
	top: 1080px;
	left: 425px;
	width: 500px;
	height: 520px;	
	z-index: 25;	
}
#backpack_details{
	background-color: white;
	padding: 15px;
	border-radius: 25px;
	position: absolute;
	top: 210px;
	left: 115px;
	width: 270px;
	height: 200px;	
	z-index: 25;	
}
#summer{
	position: absolute;
	top: 1610px;
	left: 520px;	
	z-index: 25;	
}
#gold_container{
	position: absolute;
	top: 1610px;
	left: 10px;	
	z-index: 10;
}
#sfsp{
	position: absolute;
	top: 1650px;
	left: 35px;
	width: 500px;
	height: 520px;	
	z-index: 25;	
}
#gift_basket{
	position: absolute;
	top: 2025px;
	left: 10px;	
	z-index: 25;	
}
#green2_container{
	position: absolute;
	top: 2035px;
	left: 400px;	
	z-index: 10;
}
#hgbp{
	position: absolute;
	top: 2065px;
	left: 425px;
	width: 500px;
	height: 520px;	
	z-index: 25;	
}
#clothing_items{
	position: absolute;
	top: 2400px;
	left: 550px;	
	z-index: 25;	
}
#blue2_container{
	position: absolute;
	top: 2390px;
	left: 10px;	
	z-index: 10;
}
#cap{
	position: absolute;
	top: 2410px;
	left: 40px;
	width: 475px;
	height: 520px;	
	z-index: 25;	
}
#utilities{
	position: absolute;
	top: 2770px;
	left: 10px;	
	z-index: 25;	
}
#red_container{
	position: absolute;
	top: 2770px;
	left: 400px;	
	z-index: 10;
}
#uap{
	position: absolute;
	top: 2780px;
	left: 425px;
	width: 475px;
	height: 520px;	
	z-index: 25;	
}
#medications{
	position: absolute;
	top: 3100px;
	left: 550px;	
	z-index: 25;	
}
#purp2_container{
	position: absolute;
	top: 3100px;
	left: 10px;	
	z-index: 10;
}
#map{
	position: absolute;
	top: 3110px;
	left: 35px;
	width: 475px;
	height: 520px;	
	z-index: 25;	
}

#computer_thinking{
	position: absolute;
	top: 120px;
	left: 520px;	
	z-index: 25;	
}
#gridwork{
	position: absolute;
	top: 140px;
	left: 10px;	
	z-index: 10;
}
#error101{
	position: absolute;
	top: 180px;
	left: 45px;
	width: 425px;
	height: 520px;	
	z-index: 25;	
}
#rebuild_team{
	position: absolute;
	top: 520px;
	left: 20px;	
	z-index: 25;
}
#construction{
	position: absolute;
	top: 820px;
	left: 120px;	
	z-index: 50;
}

#galley1{
	position: absolute;
	top: 180px;
	left: 10px;
	width: 850px;
	height: 850px;	
	z-index: 25;	
}






/* Gallery */
li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}

div.gallery {
    border: 3px solid #990099;
		border-radius: 25px;
}

div.gallery:hover {
    border: 1px solid #777;
		border-radius: 25px;
}

div.gallery img {
    width: 100%;
    height: auto;
	border-radius: 25px;
}

div.desc {
    padding: 15px;
    text-align: center;
	background-color: white;
	border-radius: 25px;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
/* End of Gallery */