*{

    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
}

nav{
    height: 75px;
    display: flex ;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding:  0px 50px 0px 100px;
}
#logo img{
  width: 80px ;
  height: 80px;
}
nav ul{
    display: flex;
    list-style: none;
}

nav ul li{
    margin: 0 5px;
}

nav ul li a{
    color:  #111;
    text-decoration: none;
}

nav .menu-btn i{
  color: rgb(46, 43, 43);
  font-size: 25px;
  cursor: pointer;
  display: none;
}

#click{
    display: none;
}
 
@media (max-width :720px){

    nav .menu-btn i{
      display: block;
    }
    nav ul{
        position: fixed;
        top: 60px;
        background-color: #fff;
        left: -100%;
        height: 100vh;
        width: 100%;
        display: block;
        text-align: center;
        transition: all 0.3s ease;
    }
   
    #click{
        display: none;
    }
 
     
     #click:checked  ~ .menu-btn i:before{
         content: "\f00d";
         
     }
   
    #click:checked ~ ul{
         left: 0%;
    }
   

    nav ul li{
        margin: 40px 0;
    }

    nav ul li a{
        font-size: 20px;
        display: block;
    }
   
    #startFundraise{
        margin: auto;
        background-color: #01bfbd;     
        width: 77% ;
        height: 55px ;
        margin-top: 10px;
        border-radius: 50px;
        margin-top: 50%;
        padding: 3%;
     }
     
     nav > ul > li:nth-child(6) p{
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 23px;
        line-height: 30px;
        font-weight: 900;
        color:#fff;
        text-align: center;
     }

}