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: 130px;
    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;
}


.headdiv{
    height: 70px;
    margin-top: -9px;
}
.head{
    text-align: center;
    font-size: 25px;
}


.category{

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

.homediv{
    height: 44px;
    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;
    } 

.videodiv{
   box-shadow: 0px 3px 20px rgb(215, 215, 215);
   height: 44px;
   display: flex;
   align-items: center;
   justify-content: center;
  
  
 
}

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



.studiophotodiv{
   
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
}
.studiophoto{
    font-size: 18px;
}
.studiophoto:hover{
    font-size: 19px;
    text-decoration: underline;
        opacity: 0.5;
    transition: 0.5s;
    }
    .studiophoto:active{
        opacity: 1;
        transition: 0s;
    } 







    

    .outdoorphotodiv{
       
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44px;
        
    }
    .outdoorphoto{
        font-size: 18px;
    }
    .outdoorphoto:hover{
        font-size: 19px;
        text-decoration: underline;
            opacity: 0.5;
        transition: 0.5s;
        }
        .outdoorphoto:active{
            opacity: 1;
            transition: 0s;
        } 



@media (max-width: 900px){


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

                 

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


}

@media (max-width: 600px)
{



                
                
    .video{
                        font-size: 14px;
                        font-weight: 500;
                        opacity: 0.5;
                    }
                    
                    
                    
                   
                    .homeo{
                        font-size: 12px;
                    }
                    .home:hover{
                        font-size: 13px;
                        text-decoration: underline;
                            opacity: 0.5;
                        transition: 0.5s;
                        }
                        .home:active{
                            opacity: 1;
                            transition: 0s;
                        } 
                    
                    
                    
           
                    
                  
                        .studiophoto{
                        font-size: 12px;
                    }
                    .studiophoto:hover{
                        font-size: 13px;
                        text-decoration: underline;
                            opacity: 0.5;
                        transition: 0.5s;
                        }
                        .studiophoto:active{
                            opacity: 1;
                            transition: 0s;
                        } 

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