/* menu bar */
          body{margin:0px;padding:0px;}
          #header{position:fixed;width:100%;z-index:999;}
          
          .nav-link{ 
                      text-decoration:none;
                      color:white;
                      font-weight:bold
                    }
          .nav-link:hover{
                           color:#86bc3b;border:1px solid #86bc3b;
                          }
          .nav-item{
                      margin-left:111px;
                    }
          .bar{color:white;}
          .active{color:#86bc3b!important;}
          /* background image and text */
          .bg{
                 height:800px;
                  background-image:url("../images/background.jpg");
                  background-position:center;
                  background-size:cover;
                  }
             
            .h1{
                  color:white;
                  font-size:85px;
                  padding-top:20%;
                  padding-left:10%;
                } 
            .btn1{
                   background-color:black;
                   color:white;
                   border:1px solid #421d4d;
                   border-radius:50px;
                   margin-left:10%;
                   font-size:20px;
                   font-weight:bold;
                   margin-top:2%;
                   }
            .btn1:hover{
                          background-color:white;
                          color:black;
                        } 
                 /* food categories */   
              
            .text{
                    font-size:80px;
                    text-align:center;
                    margin-top:10%;
                    font-family: 'Lobster', cursive;
                  } 

            .text1{
                    font-size:18px;
                    text-align:center;
                    margin-top:1%;
                    color:#807e7e;
                  }   
               /* five images */   
            .images{
                      width:100%;
                      margin-top:10%;
                      text-align:center;
                      padding-left:5%;
                    } 

            .text2{
                    font-size:25px;
                    text-align:center;
                  }  
               /* about us */
            .text3{
                     font-size:75px;
                     margin-top:10%;
                     font-family: 'Lobster', cursive;
                  }

            .text4{font-size:60px;margin-top:25%;}

            .text5{font-size:15px;color:#5b595c;}
             /* learn more button */
            .btn2{
                   background-color:rgb(15, 95, 15);
                   color:white;
                   border:1px solid #19773d;
                   border-radius:50px;
                   font-size:20px;
                   margin-top:6%;
                  }
            .btn2:hover{background-color:rgb(7, 63, 7);color:white;}
              /* years like 1990,50 etc; */
            .text6{
                      font-size:70px;
                      margin-top:50%;
                      text-align:center;
                  }

            .text7{
                     font-size:30px;
                     color:#368a0f;
                     text-align:center;
                  }

            .text8{
                      font-size:15px;
                      color:rgb(99, 96, 96);
                      text-align:center;
                  }
               /* best selling prouducts */
            .text9{
                     font-size:80px;
                     text-align:center;
                     margin-top:10%;
                     font-family: 'Lobster', cursive;
                  }

            .text10{font-size:30px;}
            .text11{font-size:25px;color:#368a0f;}
            .image1{margin-top:10%;border:2px solid #86bc3b;border-radius:20px;}
            .zoom{transform:scale(1);overflow: hidden;padding:5%;}
            .zoom:hover{transform:scale(1.1);}
            .what{margin-top:10%;}
             /*background image2 */
            .background{
                  width:100%;
                  height:600px;
                  background-image:url("../images/home.jpg");
                  background-position:fixed;
                  background-repeat:no-repeat;
                  background-size:cover;
                  margin-top:10%;
                  }
             .text12{font-size:50px;padding-top:10%;padding-left:10%;font-weight:bold;}
             .text13{font-size:15px;color:rgb(110, 110, 110);padding-left:10%;padding-top:2%;} 
             .image2{padding-top:2%;padding-left:10%;width:50%;}
             /* what we do */
             .text14{font-size:30px;margin-top:10%;}
            .text15{font-size:16px;color:#626361;}
            /*learn more button2*/
            .btn3{
                   background-color:rgb(15, 95, 15);
                   color:white;
                   border:1px solid #19773d;
                   border-radius:50px;
                   font-size:20px;
                   margin-top:6%;
                   text-align:center;
                   margin-left:45%;
                  }
            .btn3:hover{background-color:rgb(7, 63, 7);color:white;}
            /* contact us*/  
            .logo{width:65%;}
            .text16{margin-top:8%;}
            .text17{font-size:50px;color:black;}  
            .text18{color:rgb(28, 139, 28);}  
            /*footer*/
            .text19{color:rgb(13, 141, 13);font-size:20px;}
            .text20{margin-top:10%;font-size:20px;}