body {
    width: 100%;
    margin: 0%;
    background-image: url(WhatsApp\ Image\ 2021-07-12\ at\ 22.25.34.png) ;
    background-size: 480px;

}
* {
    box-sizing: border-box;
}

.menu-about-us { 
    background-color: #d49c6b;
    display: flex;
    flex-direction: column;
    align-items: right;
    justify-content: space-around;
    position: sticky;
    top: 0;
}
.menu-about-us li a {
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    color: #252b31;
}
.menu-about-us li {
    display: inline-flex;
    margin-inline: 30px;

}
.nav-bar {
    width: 100%;
    display: flex;
    background-color: #252b31;
    display:flex;
    justify-content: space-between;

}
.nav-bar-ul {
    display: grid;
    grid-template-columns: auto 100px 150px 150px 100px 100px;
    list-style: none;
    padding: 0;
    margin-top: 50;
    grid-gap: 30px;
    margin-right: 50px;
}
.nav-bar li {
    display: inline-block;
    color: #f6fafb;
    margin: 50px 0px;
}
.nav-bar li a {
    text-decoration: none;
    color:#f6fafb;
    text: bold;
}
.nav-bar li a:hover {
    color: #d49c6b;
}
.logo-bwf {
    width:300px;
    margin:15px 50px;
}
.first-line {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0px;
}
.first-line-ul {
    display: grid;
    gap: 30px;
    grid-template-columns: 400px 300px auto 300px;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: white;
}
.first-line-ul li {
    display: inline-block;
    margin: 10px 10px;
    color: rgb(85, 73, 73);
}
.first-line-ul li a {
    text-decoration: none;
    color:rgb(85, 73, 73) ;
}
.first-line-ul li a:hover {
    color: white;
}
#about-mission, 
#about-team, 
#about-doc {
    background-color:#252b31;
    font-size: 18px;
    color:#d49c6b;
    padding: 50px;
    margin: 20px 150px
}
#about-mission a, 
#about-team a, 
#about-doc a {
    color: #d49c6b;
}

#about-story, 
#about-afi {
    background-color:#d49c6b;
    margin: 20px 150px;
    font-size: 18px;
    color:#252b31;
    padding: 50px;
}
#about-story a, 
#about-afi a {
    color:#252b31;
}
.grid-container1 {
    background-color:#252b31;
    margin: 20px 200px !important;
    color:#d49c6b;
    display: grid;
    grid-template-columns: 650px 650px;
    grid-template-rows: 400px 400px 1250px;
    justify-content: center;
    grid-gap: 10px;
}
.grid-container1 img {
    width: 500px;
    margin: 20px;
    margin-left: 100px;
    border-radius: 30%;
    border: 20px solid #d49c6b ;
}
.grid-item1 {
    margin-right: 20px;
}
.grid-item2 {
    margin-right: 30px;
}
.grid-item3 {
    grid-column: span 2;
    margin: 40px;
}
.grid-item4 {
    grid-column: span 2;
    margin: 40px;
}
footer{
    background-color: rgb(43, 38, 38);;
    color: rgb(236, 217, 217);
    text-align: center;
}