/* @group Gallerty Content
------------------------------------ */
.gallery-content {
    position: relative;
}
.gallery-content h2 {
    color: var(--main-blue);
    font-weight: 600;
}
.gallery-content h3 {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.42em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--font-black);
    margin-bottom: .2rem;
}
.gallery-content p {
    font-size: 1.4em;
    line-height: 1.42em;
    color: #000;
}
.gallery-content .gallery-content__intro p {
    font-size: 1.8em;
    line-height: 1.33em;
    margin-bottom: 6rem;
    color: var(--font-black);
    max-width: 57rem;
}
@media only screen
and (min-width : 961px) { 
    .gallery-content {
        padding-top: 5rem;
        margin-bottom: 4.2rem;
    }
    .gallery-content h2 {
        font-size: 5em;
        line-height: 1.16em;
        letter-spacing: -0.02em;
        margin-bottom: 1.2rem;
    }
    .gallery-content__figures {
        padding:  0 .55rem;
    }
    .gallery-content__figure {
        margin-bottom: 1.1rem;
    }
    .gallery-content__figure img {
        width: 100%;
        height: 40rem!important;
    }
    .gallery-content__figure:nth-child(11n+1),
    .gallery-content__figure:nth-child(12n+6) {
        flex: 0 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
        margin: 0;
    }
    .gallery-content__figure:nth-child(5n+4),
    .gallery-content__figure:nth-child(5n+5) {
        margin-right: 1rem;
        margin-left: 0;
    }
    .gallery-content__figure:nth-child(11n+1) p, 
    .gallery-content__figure:nth-child(12n+6) p {
        max-width: 37.9rem;
    }   
    .gallery-content__figure {
        flex: 0 1 calc(25% - 1rem);
        max-width: calc(25% - 1rem);
        margin-left: 1rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .gallery-content {
        padding-top: 5.6rem;
        margin-bottom: 2.2rem;
    }
    .gallery-content h2 {
        font-size: 3.6em;
        line-height: 1.16em;
        margin-bottom: 1.388rem;
    }
    .gallery-content .gallery-content__intro p {
        font-size: 1.8em;
        line-height: 1.33em;
        margin-bottom: 2.7rem;
        max-width: 57rem;
    }
    .gallery-content__figures {
        padding: 0 2rem;
    }
    .gallery-content__figure img {
        border-radius: .4rem;
    }
    .gallery-content__figure img {
        height: 20rem!important;
    }
    .gallery-content__figure:first-child img,
    .gallery-content__figure:last-child img {
        height: 18rem!important;
        margin-bottom: .5rem;
    }
    .gallery-content__figure:not(:first-child) figcaption,
    .gallery-content__figure:not(:last-child) figcaption {
        display: none;
    }  
    .gallery-content__figure:first-child figcaption,
    .gallery-content__figure:last-child figcaption {
        display: block!important;
    }
    .gallery-content__figure:nth-child(odd) {
        margin-left: 1rem;
    }
    .gallery-content__figure {
        width: calc(50% - .5rem);
        margin-bottom: 2.8rem;
    }
    .gallery-content__figure:first-child,
    .gallery-content__figure:last-child {
        width: 100%;
        margin: 0;
        margin-bottom: 2.2rem;
    }
    .gallery-content__figure img {
        height: 20rem!important;
    }
}

/* @end */

.gallery-content h3,
.gallery-content h2,
.gallery-content p,
.gallery-content .gallery-content__figure {opacity: 0;}

.gallery-content.animateActive h3,
.gallery-content.animateActive h2,
.gallery-content.animateActive p,
.gallery-content.animateActive .gallery-content__figure {animation: fadeDown 1.2s forwards;}

.gallery-content.animateActive h3 {animation-delay:.1s;}
.gallery-content.animateActive h2 {animation-delay:.3s;}
.gallery-content.animateActive p {animation-delay:.5s;}
.gallery-content.animateActive .gallery-content__figure:nth-child(1) {animation-delay:.7s;}
.gallery-content.animateActive .gallery-content__figure:nth-child(2) {animation-delay:.9s;}
.gallery-content.animateActive .gallery-content__figure:nth-child(3) {animation-delay:1.1s;}
.gallery-content.animateActive .gallery-content__figure:nth-child(4) {animation-delay:1.3s;}
.gallery-content.animateActive .gallery-content__figure:nth-child(5) {animation-delay:1.5s;}
.gallery-content.animateActive .gallery-content__figure:nth-child(6) {animation-delay:1.7s;}