/*Gallery*/
/*for head images and gallery images*/

.gallery {
    color: var(--font-color-white);
}
.gallery_bg {
    background: var(--background-color-black);
}
.gallery .scroll_down_indicator {
    stroke: var(--font-color-white);
}
.gallery block_title h2 {
    text-shadow: 0px 0px 1px var(--text-shadow-black-08-alpha);
}
.gallery block_title h3 {
    text-shadow: 0px 0px 1px var(--text-shadow-black-08-alpha);
}
@media only screen and (min-aspect-ratio: 1/1) { /* Landscape */
    .gallery head_body {
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
    }
    .gallery title_body {
        top: calc(70% + 5em);
    }

    .gallery .bhd_2_0 {
        height: 100%;
        width: calc(50% - 1px);
        left: 0em;
        top: 0em;
    }
    .gallery .bhd_2_1 {
        height: 100%;
        width: calc(50% - 0px);
        right: 0em;
        top: 0em;
    }
    
    .gallery .bhd_3_0 {
        height: 100%;
        width: calc(55% - 1px);
        left: 0em;
        top: 0em;
    }
    .gallery .bhd_3_1 {
        height: 50%;
        width: 45%;
        right: 0em;
        top: 0em;
    }
    .gallery .bhd_3_2 {
        height: calc(50% - 1px);
        width: 45%;
        right: 0em;
        bottom: 0em;
    }
    
    .gallery .bhd_4_0 {
        height: 100%;
        width: calc(25% - 1px);
        left: 0em;
        top: 0em;
    }
    .gallery .bhd_4_1 {
        height: 100%;
        width: calc(40% - 1px);
        left: 25%;
        top: 0em;
    }
    .gallery .bhd_4_2 {
        height: 50%;
        width: 35%;
        right: 0em;
        top: 0em;
    }
    .gallery .bhd_4_3 {
        height: calc(50% - 1px);
        width: 35%;
        right: 0em;
        bottom: 0em;
    }
}

@media only screen and (max-aspect-ratio: 1/1) { /* Portrait */
    .gallery head_body {
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
    }
    .gallery title_body {
        top: calc(70% + 5em);
    }

    .gallery block_title {
        width: 100%;
        margin: 0em;
    }
    .gallery block_text {
        width: 100%;
        margin: 0em 0em 0em 0em;
    }
    .gallery .bhd_2_0 {
        width: 100%;
        height: calc(50% - 1px);
        left: 0em;
        top: 0em;
    }
    .gallery  .bhd_2_1 {
        width: 100%;
        height: calc(50% - 0px);
        left: 0em;
        bottom: 0em;
    }
    
    .gallery .bhd_3_0 {
        width: 100%;
        height: calc(60% - 1px);
        left: 0em;
        top: 0em;
    }
    .gallery .bhd_3_1 {
        width: 50%;
        height: 40%;
        left: 0em;
        bottom: 0em;
    }
    .gallery .bhd_3_2 {
        width: calc(50% - 1px);
        height: 40%;
        right: 0em;
        bottom: 0em;
    }
    
    .gallery .bhd_4_0 {
        width: 0%;
        height: 0%;
        left: 0em;
        top: 0em;
    }
    .gallery .bhd_4_1 {
        width: 100%;
        height: calc(65% - 1px);
        left: 0em;
        top: 0em;
    }
    .gallery .bhd_4_2 {
        width: 50%;
        height: 35%;
        left: 0em;
        bottom: 0em;
    }
    .gallery .bhd_4_3 {
        width: calc(50% - 1px);
        height: 35%;
        right: 0em;
        bottom: 0em;
    }
}
@media only screen and (min-aspect-ratio: 19/10) { /* Landscape ultra, for mobile phones turned landscape */
    .gallery head_body {
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
    }
    .gallery title_body {
        top: calc(50% + 5em);
    }
}
@media only screen and (max-aspect-ratio: 10/19) { /* Portrait ultra, for mobile phones turned portrait */
    .gallery head_body {
        width: 100%;
        height: 100%;
        left: 0%;
        top: 0%;
    }
    .gallery title_body {
        top: calc(75% + 5em);
    }
}