body{margin:0%;padding:0%;}

                  /*menu bar*/

                .header{
                         width:100%;
                         height:100px;
                         position:fixed;
                         background-color:#9fc131ff;
                         top:0%;
                        }

                  .logo{
                         width:20%;
                         float:left;
                         margin-left:10%;
                         padding-top:5px;
                         
                       }
                    
                   .logo_img{
                                 padding:5px;
                                 margin-left:20%;
                             } 
                       
                    .nav{
                             width:70%;
                             float:left;  
                        }

                     .menu{
                             padding:23px;font-family: 'Lato', sans-serif;margin-left:12%;
                          }

                      .menu li{
                                   display:inline;margin-left:8%;
                               }

                       .menu li a{
                                    text-decoration:none;
                                    color:greenyellow;
                                 }

                        .menu li a:hover{
                                              color:white;   
                                         }

                   /*background-image*/

               .bg{ 
                     background-image:url(../images/white.png);
                     height:850px;
                     background-size:cover;
                     background-repeat:no-repeat;
                     background-attachment:fixed;
                     margin-top:6%;
                      background-position:center;
                  }
                
                  /*image and text*/

               .box{
                        width:100%;
                        height:100%;
                    } 
  
                .box1{
                        width:48%;
                        float:left;
                        margin-left:1%;
                        margin-right:1%;
                        padding-top:20px;
                     }

                .pad1_1{
                          
                          font-size:30px;
                          padding-top:25%;
                          
                   }

                 .heading{
                           font-size:60px;
                           color:#9fc131ff;
                           padding-left:20%;
                         }

               .heading1{
                          font-size:70px;
                          padding-left:20%;
                          padding-top:0%;
                         }

               .heading2{
                          padding-left:20%;
                        }

                    /*read more button*/

                .btn{ 
                        background-color:#9fc131ff;
                         color:white;
                         margin-left:20%;
                         font-size:20px;
                         border:0;
                         padding:10px 10px;
                         
                       }
  
                  .btn:hover{
                                background-color:white;
                                 color:#9fc131ff;
                            }
                     
                     /*second image and text*/

                    .box2{
                           width:100%;
                           height:200px;
                          }
                    .box3{
                            width:48%;
                            float:right;
                            margin-left:1px;
                            margin-right:1px;
                            padding-top:5%;
                            
                         }

                     .text{
                              text-align:center;
                              font-size:20px;
                             padding-right:25%;
                             
                          }

                     .text1{
                             font-size:45px;
                             padding-right:20%;
                             padding-top:10%;
                           }

                        /*4 images */

                       .gallery{width:100%}
                       .gal_img{
                                width:12%;
                                float:left;
                                margin-left:7%;
                                text-align:center;
                                border:1px solid #e8e7e3;
                                padding-top:2%;
                                padding-bottom:2%;
                                padding-left:2%;
                                padding-right:2%;
                                margin-top:5%;
                                background-color:#E5E4E4;
                             }

                     .para1{
                              font-size:20px;
                              text-align:center;
                            }

                     .para2{
                             font-size:15px;
                             text-align:center;
                           }

                      /*buy now button*/

                     .btn1{ 
                             background-color:#9fc131ff;
                              color:white;
                              margin-left:20%;
                              font-size:20px;
                              border:0;
                             padding:10px 10px;
                             margin-top:5%;
                             margin-left:45%;
                         }

                       .now{
                              text-decoration:none;
                              color:white;
                           }
                                              
                   /* second background-image*/

               .image{ 
                       background-image:url(../images/color.jpg);
                       height:840px;
                       background-size:cover;
                       background-repeat:no-repeat;
                       margin-top:6%;
                       background-position:center;
                    }

                    /*tea packets*/

                .box4{
                       width:100%;
                       height:200px;
                     }

                 .box5{
                          width:15%;
                          float:left;
                          margin-left:350px;
                          margin-right:1px;
                          text-align:center;
                          
                      }

                  .p1{
                       text-align:center;
                       font-size:18px;
                       color:#9fc131ff;
                      }

                  .p2{
                       text-align:center;
                       font-size:20px;
                     }

                  .p3{
                        text-align:center;
                        font-size:13px;
                        color:gray;
                        font-family: 'Lato', sans-serif;
                      }

                  .p4{
                       text-align:center;
                       font-size:25px;
                       color:#9fc131ff;
                      }

                    .btn2{
                           text-align:center;
                            background-color:#9fc131ff;
                              color:white;
                               font-size:15px;
                              border:0;
                             padding:10px 10px;
                         }

                   /*image and text opposite sides*/

                 .box6{
                         width:100%;
                         height:200px;
                       }

                 .box7{ 
                          width:48%;
                          float:right;
                          margin-left:1px;
                          margin-right:1px; 
                          padding-top:10%;
                          margin-bottom:5%;
                       }

                   .p5{
                         font-size:20px;
                         color:#9fc131ff;
                         padding-top:10px;
                       }

                   .p6{font-size:32px;}

                   .p7{
                        font-size:15px;
                        color:gray;
                       }

                   .p8{
                          padding:5px;
                          background-color:#9fc131ff;
                          color:white;
                        }

                    .mom{
                             text-decoration:none;
                             color:#9fc131ff;
                             font-size:20px;
                         }
                    
                  
                  /*four images like dog,snow,cup */

              .water{
                      width:100%;
                      height:200px;
                      text-align:center;
                      margin-top:10%;
                       
                   }

                  /*contact form*/
          
               .box8{
                       width:100%;
                       height:200px;
                     }

                 .box9{
                         width:48%;
                         float:left;
                         margin-top:30%;
                       }

                .p10{
                      padding:15px;
                      border-color:#9fc131ff;
                     }
 
                 .p11{
                        padding:15px;
                        margin-top:10px;
                        width:85%;
                        padding-bottom:35%;
                        border-color:#9fc131ff;
                     }   
                 .p12{
                        padding:15px;
                        margin-top:10px;
                        width:91%;
                        border-color:#9fc131ff;
                        background-color:#9fc131ff;
                        color:white;
                       font-family: 'Lato', sans-serif;
                      }
                     
                     .ma{font-size:40px;}

                     .galleryi{width:100%}

                       .gal_imgs{
                                width:38%;
                                float:left;
                                margin-left:7%;
                                text-align:center;
                                 margin-top:5%;
                             }

                          .form{margin-left:20%;}

                         /* last image */

                          .option{margin-top:10%;}
                       
                         /*final*/

                        .final{
                                 width:100%;
                                 text-align:center;
                                 height:50px;
                                 padding-top:2%;
                                 font-size:20px;
                                 margin-top:0%;
                                 background-color:#9fc131ff;
                                 color:white;
                               }