body{
    margin: 0;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
nav{
    border: 1px solid grey;
    width: 100%; margin: 5px 10px;
    /* padding: 56px 10px; */
}

.logo{ 
       /* border:2px solid blue;  */
       width: 35%;
       display: inline-block;
       vertical-align: middle;
 }

.logo>img{
    width: 200px;
    
}
.link>ul>li{
    display: inline-block;
    margin: 10px;
}
.link,.but {
    display: inline-block;
    /* font-size: 19px; */
    margin: 10px 40px;
    font-family: Arial, Helvetica, sans-serif;
}
.but1,.but2{
    margin: 10px;
    font-size:15px ;
    background-color: rgb(112, 112, 252);
    padding: 5px 15px;
}
#section2{
    /* border: 1px solid black; */
    width: 100%;
    height: 600px;
    
}
.heading1{
    font-size: 50px;
}
.heading2{font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.para{
    text-align: left; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;font-size: 20PX; color: rgb(118, 116, 116);}
.btn{
    padding: 20px 30px;}
.b{
display: inline-block;}


.image{
    display: inline-block; width: 45px; vertical-align: middle; padding: 20px 30px;  margin: 20px auto;}
.image>img{
width:550px;
text-align: right;
vertical-align: middle;
}
.hero{
    width: 50%;
    display: inline-block;
    padding: 5px 20px;
    vertical-align: middle;
}
#section3{
    /* border: 1px solid black; */
    width: 100%;background-color: rgba(200, 200, 159, 0.725) ;
}
#hero_gazza{border-color: rgb(110, 239, 110);}

.hero_span{background-color: black;
color: white;
padding: 20px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;}

.space{margin-left: 20px;
background-color: black;
color: white;
padding: 20px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;}

.hero_input{
    padding: 20px;
    margin-right: -5px;
    margin-left: -6px;
    /* border-radius: 30px; */
}

.hero_but>li{
    display: inline-block;
    margin: 10px 20px;
    
}
.hero_but{
    display: inline-block;
margin: ;}
.hero_but>li>button{
    padding: 12px 15px;
    border-radius: 10px;
     font-size: 20px;
     text-transform: capitalize;
     border: none;
}
#quick_donate{background-color: rgba(56, 124, 56, 0.658);}

.hero_but>li>button:hover{background-color: black;
color: white;
transform: scale(1.3) ;}

#quick_donate:hover{color: black;}

 /* hero image */

#hero_gazza>img{margin-left: 100px;}
#text{ text-transform: capitalize;
text-align: center;}

/* table div */
.table{
    width: 220px;
    height: 180px;
    background-color: rgba(201, 212, 148, 0.582);
    border: 1px solid black;
    display: inline-block;
    margin-right: 10px;
    margin-left: 15px;
    text-align: center;
    padding-top: 15px; text-transform: capitalize;
}
#doctor{
    display: inline-block;
    width: 350px;
    height: 350px;
}
#donat{}