p{
    font-family: 'Cormorant Garamond', serif;

}
a:link{
    font-family: 'Cormorant Garamond', serif;
    color: black;
    text-decoration: none;
}
a:visited{
    font-family: 'Cormorant Garamond', serif;
    color: black;
    text-decoration: none;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url(font/Cormorant_Garamond/CormorantGaramond-Light.ttf) format(truetype);
}
.header{
    height: 120px;
    width: 100%;
 background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 3px 20px rgb(215, 215, 215) ;


    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.contact{
    
    position: fixed;
    font-size: 15px;
    font-weight: 200;
    top: 1%;
    left: 1%;
    
    
}

.email:hover{
    font-size: 16px;
    text-decoration: underline;
        opacity: 0.5;
    transition: 0.5s;
    }
    .email:active{
        opacity: 1;
        transition: 0s;
    } 

    .tel:hover{
        font-size: 16px;
        text-decoration: underline;
            opacity: 0.5;
        transition: 0.5s;
        }
        .tel:active{
            opacity: 1;
            transition: 0s;
        } 
        .insta:hover{
            font-size: 16px;
            text-decoration: underline;
                opacity: 0.5;
            transition: 0.5s;
            }
            .insta:active{
                opacity: 1;
                transition: 0s;
            } 
            .facebook:hover{
                font-size: 16px;
                text-decoration: underline;
                    opacity: 0.5;
                transition: 0.5s;
                }
                .facebook:active{
                    opacity: 1;
                    transition: 0s;
                } 
            .line:hover{
                font-size: 16px;
                text-decoration: underline;
                    opacity: 0.5;
                transition: 0.5s;
                }
                .line:active{
                    opacity: 1;
                    transition: 0s;
                } 





.logodiv{
  
   position: fixed;
  left: 50%;
  
  
  top: 1%;
  transform: translate(-50%);
  
  
}



.logo{

    width: 80px;
    
}

.category{

   height: 120px;
   width: 100%;
  
    display: grid;
    grid-template-columns:0fr 1fr 1fr 1fr 1fr 1fr 1fr 0fr ;
}

.homediv{
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.home{
    font-size: 18px;
}
.home:hover{
    font-size: 19px;
    text-decoration: underline;
        opacity: 0.5;
    transition: 0.5s;
    }
    .home:active{
        opacity: 1;
        transition: 0s;
    } 

.productdiv{
   box-shadow: 0px 3px 20px rgb(215, 215, 215);
margin-top: 90px;
   display: flex;
   align-items: center;
   justify-content: center;
  
  
 
}

.product{
    font-size: 22px;
    font-weight: 500;
    opacity: 0.5;
}



.fooddiv{
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.food{
    font-size: 18px;
}
.food:hover{
    font-size: 19px;
    text-decoration: underline;
        opacity: 0.5;
    transition: 0.5s;
    }
    .food:active{
        opacity: 1;
        transition: 0s;
    } 





    .fashiondiv{
    margin-top: 90px;
    display: flex;
   align-items: center;
   justify-content: center;
}
.fashion{
    font-size: 18px;
}
.fashion:hover{
    font-size: 19px;
    text-decoration: underline;
        opacity: 0.5;
    transition: 0.5s;
    }
    .fashion:active{
        opacity: 1;
        transition: 0s;
    } 

    .locationdiv{
        margin-top: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .location{
        font-size: 18px;
    }
    .location:hover{
        font-size: 19px;
        text-decoration: underline;
            opacity: 0.5;
        transition: 0.5s;
        }
        .location:active{
            opacity: 1;
            transition: 0s;
        } 

    .videodiv{
        margin-top: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .video{
        font-size: 18px;
    }
    .video:hover{
        font-size: 19px;
        text-decoration: underline;
            opacity: 0.5;
        transition: 0.5s;
        }
        .video:active{
            opacity: 1;
            transition: 0s;
        } 
    

 @media (max-width: 900px){

        .contact{
                            
        position: fixed;
        font-size: 12px;
        font-weight: 200;
        top: 1%;
        left: 1%;
                                
                                
             }
             .email:hover{
                font-size: 13px;
                text-decoration: underline;
                    opacity: 0.5;
                transition: 0.5s;
                }
                .email:active{
                    opacity: 1;
                    transition: 0s;
                } 
            
                .tel:hover{
                    font-size: 13px;
                    text-decoration: underline;
                        opacity: 0.5;
                    transition: 0.5s;
                    }
                    .tel:active{
                        opacity: 1;
                        transition: 0s;
                    } 
                    .insta:hover{
                        font-size: 13px;
                        text-decoration: underline;
                            opacity: 0.5;
                        transition: 0.5s;
                        }
                        .insta:active{
                            opacity: 1;
                            transition: 0s;
                        } 
                        .facebook:hover{
                            font-size: 13px;
                            text-decoration: underline;
                                opacity: 0.5;
                            transition: 0.5s;
                            }
                            .facebook:active{
                                opacity: 1;
                                transition: 0s;
                            } 
                        .line:hover{
                            font-size: 13px;
                            text-decoration: underline;
                                opacity: 0.5;
                            transition: 0.5s;
                            }
                            .line:active{
                                opacity: 1;
                                transition: 0s;
 
                           } 
    
                           .logodiv{
  
                            position: fixed;
                           left: 50%;
                           
                           
                           top: 1%;
                           transform: translate(-50%);
                           
                           
                         }
                         
                         
                         
                         .logo{
                         
                             width: 60px;
                             
                         }
                      


                          
                             
                         .home{
                            font-size: 14px;
                        }
                        .home:hover{
                            font-size: 15px;
                            text-decoration: underline;
                                opacity: 0.5;
                            transition: 0.5s;
                            }
                            .home:active{
                                opacity: 1;
                                transition: 0s;
                            }   
                            .location{
                                font-size: 14px;
                            }
                            .location:hover{
                                font-size: 15px;
                                text-decoration: underline;
                                    opacity: 0.5;
                                transition: 0.5s;
                                }
                                .location:active{
                                    opacity: 1;
                                    transition: 0s;
                                } 
                                
                                
                         
                         .product{
                                 font-size: 18px;
                                 font-weight: 500;
                                 opacity: 0.5;
                             }
                             
                             
                             
                            
                             .food{
                                 font-size: 14px;
                             }
                             .food:hover{
                                 font-size: 15px;
                                 text-decoration: underline;
                                     opacity: 0.5;
                                 transition: 0.5s;
                                 }
                                 .food:active{
                                     opacity: 1;
                                     transition: 0s;
                                 } 
                             
                             
                             
                         
                          
                             
                             
                           
                                 .fashion{
                                 font-size: 14px;
                             }
                             .fashion:hover{
                                 font-size: 15px;
                                 text-decoration: underline;
                                     opacity: 0.5;
                                 transition: 0.5s;
                                 }
                                 .fashion:active{
                                     opacity: 1;
                                     transition: 0s;
                                 } 

                              

                                 .video{
                                    font-size: 14px;
                                }
                                .video:hover{
                                    font-size: 15px;
                                    text-decoration: underline;
                                        opacity: 0.5;
                                    transition: 0.5s;
                                    }
                                    .video:active{
                                        opacity: 1;
                                        transition: 0s;
                                    } 






 }




 @media (max-width: 600px){

    .contact{
                        
    position: fixed;
    font-size: 9px;
    font-weight: 200;
    top: 1%;
    left: 1%;
                            
                            
         }
         .email:hover{
            font-size: 10px;
            text-decoration: underline;
                opacity: 0.5;
            transition: 0.5s;
            }
            .email:active{
                opacity: 1;
                transition: 0s;
            } 
        
            .tel:hover{
                font-size: 10px;
                text-decoration: underline;
                    opacity: 0.5;
                transition: 0.5s;
                }
                .tel:active{
                    opacity: 1;
                    transition: 0s;
                } 
                .insta:hover{
                    font-size: 10px;
                    text-decoration: underline;
                        opacity: 0.5;
                    transition: 0.5s;
                    }
                    .insta:active{
                        opacity: 1;
                        transition: 0s;
                    } 
                    .facebook:hover{
                        font-size: 10px;
                        text-decoration: underline;
                            opacity: 0.5;
                        transition: 0.5s;
                        }
                        .facebook:active{
                            opacity: 1;
                            transition: 0s;
                        } 
                    .line:hover{
                        font-size: 10px;
                        text-decoration: underline;
                            opacity: 0.5;
                        transition: 0.5s;
                        }
                        .line:active{
                            opacity: 1;
                            transition: 0s;

                       } 

                       .logodiv{

                        position: fixed;
                       left: 50%;
                       
                       
                       top: 1%;
                       transform: translate(-50%);
                       
                       
                     }
                     
                     
                     
                     .logo{
                     
                         width: 40px;
                         
                     }
                  


                      
                         
                     .home{
                        font-size: 12px;
                    }
                    .home:hover{
                        font-size: 13px;
                        text-decoration: underline;
                            opacity: 0.5;
                        transition: 0.5s;
                        }
                        .home:active{
                            opacity: 1;
                            transition: 0s;
                        } 
                        .location{
                            font-size: 12px;
                        }
                        .location:hover{
                            font-size: 13px;
                            text-decoration: underline;
                                opacity: 0.5;
                            transition: 0.5s;
                            }
                            .location:active{
                                opacity: 1;
                                transition: 0s;
                            } 
                    
                     
                     
                     .product{
                             font-size: 14px;
                             font-weight: 500;
                             opacity: 0.5;
                         }
                         
                         
                         
                        
                         .food{
                             font-size: 12px;
                         }
                         .food:hover{
                             font-size: 13px;
                             text-decoration: underline;
                                 opacity: 0.5;
                             transition: 0.5s;
                             }
                             .food:active{
                                 opacity: 1;
                                 transition: 0s;
                             } 
                         
                         
                         
                
                         
                       
                             .fashion{
                             font-size: 12px;
                         }
                         .fashion:hover{
                             font-size: 13px;
                             text-decoration: underline;
                                 opacity: 0.5;
                             transition: 0.5s;
                             }
                             .fashion:active{
                                 opacity: 1;
                                 transition: 0s;
                             } 


                           

                             .video{
                                font-size: 12px;
                            }
                            .video:hover{
                                font-size: 13px;
                                text-decoration: underline;
                                    opacity: 0.5;
                                transition: 0.5s;
                                }
                                .video:active{
                                    opacity: 1;
                                    transition: 0s;
                                } 




}


 .copy{
    font-size: 30%;
    left: 1%;
     
    bottom: 1%;
  }