body{
    margin: 0px auto;
    color: black;
    background-color: white;

  

    }

    /*HEADER*/
.header{background-color: white;

}

#info{
  color: black;
  font-size: 15px;
  text-decoration: none;
  background-color: #FF3366;
  padding: 10px;
  margin-top: 10px;    

}

ul{
  margin-left: 0px;

}
#logo{
margin-top: 10px;
}
#folic{
    border-bottom: 1px solid #FF3366;
}
#free{
    margin-top: 25px;
    border-bottom: 1px solid #FF3366;
}
#donate a{background-color: #FDDF01;
        border: 1px solid white;
        float: right;
        margin-left: 30px;
        position: relative;
        bottom: 60px;
        padding: 9px;
        text-decoration: none;
        color: black;
        font-size: 15px;
        font-family: cursive;

}#email{margin-top: 10px;

}
#email a{color: black;
         text-decoration: none;
         padding-left: 3px;


}
/*END HEADER*/

/*CONTENT*/
h3{
    margin-top: 0px;
    font-size: 12px;
}
#recent{
    border: 3px solid #FDDF01;
    margin-top: 20px;
    padding: 10px;
    padding-top: 19px;
    padding-bottom: 26px;
}

.test{
    border: 3px solid   #FF3366;
    margin-top: 20px;
    padding:5px;
}
.test a{border-radius: 5px;

}
/*NAVIGATION*/
.navbar-default .navbar-nav>li>a {
    color: white;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-size: 20px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: black;
    margin-bottom: 0px;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color:#FDDF01;
    background: none;
}
/*END NAVIGATION*/

.test{border: 3px solid #FDDF01;

}
#img{
    margin-top: 2px;
}
h1{
    margin-top: 0px;
    font-size: 18px;
}
/*END CONTENT*/






/*HOVER IMAGES*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
margin-top: 20px;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}


.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
font-size: 30px;
border:2px solid #F62D73;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
position: relative;
    top: 100px;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #F62D73;
border: 2px solid #F62D73;

}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
h5{
    font-size: 30px;
    color: #FDDF01;
}
/*HOVER IMAGES*/

#border{border: 6px solid #F1F1F1;
        margin-top: 10px;
        margin-bottom: 10px;

}

/*THREADS*/
h2{color: #FF4C7A;
    font-family: cursive;
    font-size: 30px;
background-color: # ;
}
/*END OF THREADS*/

/*FOOTER*/
.footer{background-color: black;
        margin-top:20px;
         margin-bottom: 0px auto;

}

#copyright{color: white;
           font-size: 15px;
           font-family: cursive;
           text-decoration: none;
           text-align: center;


}

/*END FOOTER*/


/*About us page*/

.about{ border: 3px solid #f62d73;
        margin-top: 35px;
        padding: 5px;
        background-color: #f7eef1;
        font-family: cursive;
        padding-bottom: 0px;




}
#center p{
  padding-bottom: 100px;
  padding-top:40px;
}
#center-2 p{
  padding-bottom: 60px;
  padding-top:40px;
}
.about h1{font-family: cursive;
          font-size: 20px;


}
.vision{ 
         margin-top: 17px;
         padding-bottom:20px;
         

  

}
 .to{ border: 3px solid #ffcc00;
           font-family: cursive;
            padding: 10px;
            padding-left: 20px;
}
.vision p{padding-right: 50px;
           font-family: cursive;
        border: 3px solid #ffcc00;
        padding: 10px;

}
#team{text-align: center;
    color: black;

}
#content{font-size: 20px;
         text-align: center;
         color: black;
         font-family: cursive;

}

/*END ABOUT US PAGE*/




/*CELEBRAL PALSY PAGE*/
#preventions{text-align: center;

}
#brain{
  padding:15px;
  padding-left: 20px;
           font-family: cursive;
        border: 3px solid #ffcc00;
        padding-bottom: 8px;
       
}


/*PROGRAMS PAGE*/
#border{border:  3px solid #ffcc00;
        padding: 20px;

}
#develop p{
  font-family: cursive;

}
#border p{
  font-family: verdana;
  padding-bottom: 7px;

}
#taken{
  padding-left: 20px;
  font-family: verdana;


}
#effects{color: black;
         font-family: cursive;
        font-size: 28px;


}
#causes{color: black;
         font-family: cursive;
        font-size: 28px;
       


}
#sub{
  color: black;
  font-family: helvetica;
  font-size: 25px;
  background-color:#FF3366;
  padding: 10px;
  

}


.nav>li>a {
    position: relative;
    display: block;
    padding: 20px 28px;
    font-family: cursive;
    font-size: 22px;
    border: solid 2px #000;
}


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #FFDF01;
    background-color: transparent;
    border: solid 2px #FF3366;


}




.test img{
  margin: 10px;
}
.test a{text-decoration: none;
        background-color: #FFDF01;
        padding: 3px;
        color: black;
        font-family: cursive;
        font-size: 15px;


}
.test a:hover{background-color: #FF3366;
}




/*DONATE PAGE*/
.donate{margin-top: 15px;

}
.donate p{padding-top: 10px;

}



#donated{background-color: #F62D73;
        position: relative;
        left: 25px;
        padding: 10px 10px 10px 10px;
         margin-top: 10px;
         border-top-left-radius: 5px;
         border-bottom-left-radius: 5px;




}
.money{background-color: #FFCC01;
        padding: 10px 10px 10px 10px;
        position: relative;
        right:5px;
        width:80px;
         margin-top: 10px;
         border-top-right-radius: 5px;
         border-bottom-right-radius: 5px;



}
#healthcare{
            font-family: cursive;
            color:#FF3366;
            margin-top: 20px;

} 


/*END DONATE PAGE*/





/*CONTACTUS PAGE*/
.contactform{font-family: verdana;
             font-size: 15px;
             color: black;
             background-color: white;
             margin-top: 20px;
             padding: 10px;

}
.contact{background-color: #F6C0D3;
         

}