.header{
    height:200px;
    width:20px;
}

.getinvolved vertical ul{
    list-style: none;
    
}
.menu li{
    background-color:black;
}

.top-bar{
    background-color: black;
}



h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

.hero-section .hero-section-text {
  color:white;
  text-shadow: 1px 1px 2px #0a0a0a;
    font-size: 20px;
    
}

.hero-sectionc {
  background: url("../images/equal.jpg") 50% no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}


.hero-sectionc2 {
  background: url("../images/homecon2.jpg") 50% no-repeat;
  background-size: cover;
  height: 150vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-sectionc2 .hero-section-textc2 {
  color:white;
  text-shadow: 1px 1px 2px #0a0a0a;
    font-size: 20px;
    
}


.button{
    color:darkblue;
    font-size: 15px;
    
    margin:20px;
}

.align{
    margin-left:300px;
}

    

.submit{
    
    color:white;
}

.homeimage{
    height:300px;
    width:250px;
    padding-top:50px;
    margin-left:150px;
}



.homconc{
    padding:50px;
}
.aboutusc{
    padding:60px;
   
    
}
.menupicture1 {
      
    position: relative;
    width: 100%;
}


.menupicture {
    padding:20px;
    margin-top:50px;
    margin-left: 100px;
    margin-right:15px;
    margin-bottom:50px;
    position: relative;
    width: 50%;
    
}

.menuimage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.menuimage1 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}


.hovereffect {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.hovereffect1 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.menupicture:hover .menuimage {
  opacity: 0.3;
}

.menupicture:hover .hovereffect {
  opacity: 1;
}

.hovertext {
  font-size: 16px;
  padding: 16px 32px;
}
.hovertext1 {
    position: absolute;
    margin:60px
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;

   
}
.director{
    height:300px;
    padding-bottom:80px;
    padding-top: 80px;
    
}


  
.social{
    margin: auto;
    padding-right: 620px;
    padding-left:620px;
}



.donateform{
    width:450px;
    padding:20px;
    height:500px;
    border: white solid;

    background:#cbd3f2;

}




.diaimage{
    
    margin-left:150px;
    margin-top:20px;
    margin-bottom:20px;
    
}

.profile-content{
    padding:60px;
}


#fname{
    width:400px;
}

#lname{
    width:400px;
}
#addressc{
    width:350px;
}

#addresst{
    width:200px;
}
#addressp{
    width:200px;
}
#addressz{
    width:180px;
}

#commentc{
    width:300px;
    height:100px;
}
#emailc{
    width:400px;
    
}

footer p{
    font-size: 1px;
}



.contact{
    padding-top:40px;
}

.contactform{
    width:500px;
    padding:20px;
    height:520px;
    border:white solid;
    background:#cbd3f2;

}
.contactformf{
    width:550px;
    padding:20px;
    height:520px;
    border:white solid;
    background:#cbd3f2;
}

.donateformf{
     background:#cbd3f2;
    padding:20px;
height:400px;
    margin-top:20px;
    
    
}
.contactimage{
    margin-top:70px;
    height:300px;
    width:200px;
    margin-left:60px;
    padding-right:100px;
}
.contactmap{
    padding-top:60px;
    padding-bottom:30px;
   
    
}


.homepic-text{
    
    color:white;
    
    
    


}
.homecontent{
    text-shadow: 2px 2px #999999;
}

.volunteerimage, .memberimage, .getinimage, .donateimage{
    height:400px;
    width:400px;
    margin-left:50px;
    margin-top:75px;
    margin-right:30px;
   
    
}
.volunteerimage2{
    height:400px;
    width:450px;
    margin-left:50px;
    margin-top:75px;
    margin-right:60px;
    
}

.donateform{
    
    width:400px;
    padding:20px;
    margin-top:30px;
    height:380px;
    border:white solid;

    background:#cbd3f2;
}
.space{
    height:50px;
}

.privacy{
    padding: 60px;
}

.present1{
    padding:40px;
        margin-right:20px;
    
}

.present2{
    padding-left:70px;
    
    
}

.resource{
    padding-right:40px;
    padding-left:100px;
}



.dirphotos{
    height: 400px;
    width:400px;
    padding-right:80px;
    padding-left:80px;
    padding-bottom:80px;
    padding-top:80px;
    margin-left:100px;
    
}
.dirphotos4{
    height: 400px;
    width:430px;
    padding-right:80px;
    padding-left:80px;
    padding-bottom:80px;
    padding-top:80px;
    margin-left:100px;
    
}


.dirphotos1{
    height: 425;
    width:400px;
    padding-right:80px;
    padding-left:80px;
    padding-bottom:80px;
    padding-top:80px;
    margin-left:100px;
}


.dircon{
     padding:30px;
     line-height: 1.5em;
    font-size: 15px;
}
    
.dircap{
    padding-left:25px;
    padding-top:5px;
   
}
.dircap3{
  
    padding-left:60px;
    padding-top:5px;
   
}

  

#more {
    display: none;
}

#myBtn{
    border: 1px solid black;
    width:90px;
    background:#d5dce8;
    margin-left:25px;
  
     }

#more1 {
    display: none;
}

#myBtn1{
    border: 1px solid black;
    width:90px;
    background:#d5dce8;
    margin-left:25px;
  
     }



#more2{
    display: none;
}

#myBtn2{
    border: 1px solid black;
    width:90px;
    background:#d5dce8;
    margin-left:25px;
  
     }

#more3{
    display: none;
}

#myBtn3{
    border: 1px solid black;
    width:90px;
    background:#d5dce8;
    margin-left:25px;
  
     }


.parenthead{
    padding:20px;
    margin-left:40px;
    margin-top: 20px;
    
}


.container{
    height:300px;
    width:600px;
    padding-left: 20px;
    margin-left:40px;
    margin-top: 10px;
    
   
}
.menupicture2{
    position: relative;

}


.menuimage2{
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.menupicture2:hover .menuimage2 {
  opacity: 0.3;
}

.menupicture2:hover .hovereffect2 {
  opacity: 1;
}
.hovereffect2 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
   
}
.hovertext2{

  font-size: 16px;
  padding: 20PX;
      
}

.text{
    color:white;
}

.contatiner2{
    width:100px;
    height:700px;
    background-color:lightblue;
    border:2px solid black;
    
    
}
.space{
    height:50px;
}



.vision{
    padding: 20px;
    margin-left:20px;
    margin-right: 20px;
}

.dircon3{
  
    padding-top:40px;
    padding-left:40px;
  
     line-height: 1.5em;
    font-size: 15px;
    
    
}
.topic{
    margin-top:40px;
    padding-left:60px;
    
    
    
}
.dircon{
  
    padding-top:20px;
     line-height: 1.5em;
    font-size: 13px;
    
    
}


.dircap1, .dirhead{

    padding-top:5px;
   
}
#myBtn{
     margin-top:10px;
    
}



.container2{
    
    height:400px;
    border-left:1px solid lightgrey;
    margin-left:100px;
    padding-right:10px;
}
.context{
   
   padding: 20px;
}

.container2 ul{
    padding-left:40px;
    list-style-type:square;
   color:darkblue;
    font-size:20px;
}
.asideimage{
    padding-top:20px;
   
    
}
.dircap2{
    padding-right:10px;
    padding-left:20px;
    padding-top:5px;
    margin-left:15px;
}

.campfly{
    margin-left:30px;
}
.blogpic{
margin-left:30px;
    margin-top:100px;
    
}



.btn1{
    margin-left: 35px;
}
.dircon2{
     padding:45px;
     line-height: 1.5em;
    font-size: 13px;
    
    
}