.header {
    position: static;color: rgb(0, 0, 0);
}
footer { position: static; }



#gallery-intro 
{
    width: 100%;height: 70vh;display: flex;align-items: center;background-color: black;
    background-repeat: no-repeat;background-size: 100%;background-image: url("../img/people-enjoying-art-exhibition.jpg");
    background-color: rgba(0, 0, 0, 0.356);background-blend-mode: soft-light;
    background-position: center;
}

#gallery-intro section
{
    width: 35%;height: fit-content;background: var(--themeColor);color: white;padding: 4%;
    margin-inline-start: 8%;;
}

#gallery-intro h1
{
    font-size: 2vw;padding: 2% 0;
}

#gallery-intro article
{
    width: 80%;border-bottom: 2px solid white;padding-bottom: 6%;;
}

#gallery
{
    width: 100%;height: fit-content;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;
}

#gallery figure
{
    width: 25%;height: 400px;background-repeat: no-repeat;cursor: pointer;
    background-size: cover;background-position: center;background-image: url('../img/woman-arranging-paintings-home.jpg');
}

#gallery img 
{
    width: 100%;height: 100%;
}

#pop-view
{
    position: fixed;width: 100%;height: 100%;margin: 0 auto;top: 0;left: 0;opacity: 1;z-index: 2;
    display: none;justify-content: center;align-items: center;background-color: rgba(251, 242, 255, 0.582);;transition: 1s;
}

#pop-view figcaption
{
    padding: 2%;background: white;
}
#pop-view figure
{
    width: 50%;height: 80%;background-repeat: no-repeat;background-size: 100%;;position: relative;
    background-image: url('../gallery/20240209_175431.jpg');background-position-y: 30%;
}

#pop-view span
{
    color: red;font-weight: bolder;border-radius: 50%;padding: .5% 1%;
    font-size: 1.2vw;;position: absolute;top: 0;right: 0;cursor: pointer;
}



























@media screen and (max-width: 950px) 
{
    #gallery-intro 
{
    height: 60vh;justify-content: center;
    background-size: cover;
}

#gallery-intro section
{
    width: 85%;padding: 8%;
    margin-inline-start: 0;;
}

#gallery-intro h1
{
    font-size: 200%;
}

#gallery-intro article
{
    width: 90%;padding-bottom: 8%;;
}

#gallery
{
    flex-direction: column;
}

#gallery figure
{
    width: 95%;height: 400px;margin: 2% 0;
}

#gallery img 
{
    width: 100%;height: 100%;
}

#pop-view
{
    background-color: rgba(251, 242, 255, 0.801);
}

#pop-view figcaption
{
    padding: 2%;background: white;font-size: 100%;
}
#pop-view figure
{
    width: 100%;height: 70%;background-position-y: 30%;background-color: white;
}

#pop-view span
{
    padding: .5% 1%;
    font-size: 120%;;
}

}