body{
  font-family: 'Questrial', sans-serif;


}

/*menu customization*/
.hback{
  background-color: #ffffff !important;
}
.logo{
margin-top:10px !important;
margin-left: 10px;
padding-bottom:2px !important;
}
.menul{
}
.menu {
  color:#3b3b3b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-align: left;
  padding: 20px !important;
  transition: 0.6s ease;
}
.menu:hover{
  color:#9dc040 !important;
}
/*Home page volunteer ~section*/
.slide{
  
  background-size: 100% 100%;
background-position: top;
  background-attachment: fixed;
}
.slide h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
}
.slide p{
  padding: 10px;

  font-weight: 550;
  font-size: 20px;
  color:#fff;
}
/*Welcome Section Homepage*/
.welcome{
  background:rgba(128,128,128,0.2);
  text-align:justify !important ; 
}
.welcome h1{
  padding: 10px;
  font-size: 35px;
  font-weight:700;
  color: #000;
}
.welcome p{
  padding: 10px;

  font-weight: 550;
  font-size: 20px;
  color:#000;
}
/*footer design */
footer{
  background:#333;
}
footer p{
  color: #fff;

    padding: 10px;

    font-weight: 550;
    font-size: 20px;
}
.soc{
  border-radius:100px;
  font-size: 20px;
  margin-top: 15px;
  text-align: center;
  padding:16px;
  color: #000;
  width: 60px;
  height: 60px;
  float: left;
  margin-left: 15px;
  background-color: #fff;
  cursor:pointer;
  transition: 0.6s;
}
.soc:hover{
  background:#9dc040;
  color:#fff;
}
footer h3{
  font-size: 25px;
  font-weight: 600px;
  color: #fff;
}
.low{
  font-size:16px;
  display: block;
  width: 100%;
  color:#fff;
  padding: 10px;
  text-decoration: none;
  transition: 0.6s;
}
.low:hover{
  color:#9dc040;
  text-decoration: none;
  background:#222;

}
/*buttons*/
.button{
  border-radius: 180px;
  background-color: #9dc040;
  padding: 10px;
  border:1px solid #9dc040;
  color:#fff;
  font-size: 18px;
  margin-left: 20px;
  width: 150px;
  font-weight:bold;
  transition: 0.6s ease;
}
.button:hover{
  background: rgba(0,0,0,0);
  border:1px solid white;
  color:white;
}

.button1{
  border-radius: 180px;
  background-color: #9dc040;
  padding: 10px;
  border:1px solid #9dc040;
  color:#fff;
  font-size: 18px;
  margin-left: 20px;
  width: 150px;
  font-weight:bold;
  transition: 0.6s ease;
}
.button1:hover{
  background: rgba(0,0,0,0);
  border:1px solid #000;
  color:#000;
}

.button2{
  background-color: #9dc040;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
padding-right:20px;
  border:1px solid #9dc040;
  color:#fff;
  font-size: 18px;
  margin-left: 20px;

  font-weight:bold;
  transition: 0.6s ease;
}
.button2:hover{
  background: rgba(0,0,0,0);
  border:1px solid #000;
  color:#000;
}

/*News Letter Suscription*/
.input{
  width: 100%;
  border:1px solid white;
  padding: 10px;
  font-size: 18px;
  color: #fff;
  background: rgba(255,255,255,0.1);
}
/*-------------About US -----------------*/
.show{
  background: url('../images/about_ban.jpg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.show h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.show p{
  padding: 10px;
  text-align: center;

  font-weight: 550;
  font-size: 17px;
  color:#fff;
}
/*--------Programs----------*/
.pro{
  background: url('../images/banner2.jpg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.pro h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #000;
  text-align: center;
}
.pro p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#000;
}
/*---------------Events-----------*/
.aud{
  background: url('../images/bann2.jpg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.aud h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.aud p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#fff;
}

/*---------------Blog-----------*/
.blog{
  background: url('../images/x.png')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.blog h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.blog p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#fff;
}

.color1{
background:#3b3b3b;
border-top: 3px solid #9dc040;
border-bottom: 3px solid #9dc040;
padding-bottom: 10px;
  }
  .color1 p{
  color:	#fff;
  font-size: 18px;
text-align: left;
  }
  .color1 h2{
  color:	#9dc040;
padding: 10px;
text-align: left;
  }

  .email{
  		width: 100%;
  		padding: 10px;
      background-color: rgba(255, 255, 255, 0.1);
  	background-position: 5px;
  	padding-left: 50px;
  	border: 1px solid silver;
  	margin-top:23px;
  	border:1px solid #fff	;
  	color: #fff;
  }
/*--------Contact US*--------*/
.cont{
  background: url('../images/new.jpg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.cont h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.cont p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#fff;
}

    .input1{
    		width: 100%;
    		padding: 10px;
        background-color: rgba(128, 128, 128, 0.1);
    	background-position: 5px;
    	padding-left: 50px;
    	border: 1px solid silver;
    	margin-top:23px;
    	border:1px solid #000	;
    	color: #000;
    }
/*-----------------FGM---------Gallery-------*/
.fgm{
  background: url('../gallery1/back.jpg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.fgm h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.fgm p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#fff;
}
/*----------Digital Literacy ------------*/
.dig{
  background: url('../images/rename.jpg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.dig h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.dig p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#fff;
}

/*----------Food and Nutrition------------*/
.unite{
  background: url('../images/plain.jpeg')  no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: top;
}
.unite h1{
  padding: 10px;
  font-size: 50px;
  font-weight:1000;
  color: #fff;
  text-align: center;
}
.unite p{
  padding: 10px;
  text-align: center;
  font-weight: 550;
  font-size: 17px;
  color:#fff;
}
/*-------Uniting Generations ---------*/