/*Portrait images style*/

@media only screen and (min-aspect-ratio: 1/1) { /* Landscape */
    .article .portraits .bhd_2_0 {
        height: 100%;
        width: calc((100% - 3em) / 2);
        left: 1em;
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_2_1 {
        height: 100%;
        width: calc((100% - 3em) / 2);
        left: auto;
        right: 1em;
        top: 0em;
        bottom: auto;
    }
    
    .article .portraits .bhd_3_0 {
        height: 100%;
        width: calc((100% - 4em) / 3);
        left: 1em;
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_3_1 {
        height: 100%;
        width: calc((100% - 4em) / 3);
        left: calc((100% - 4em) / 3 + 2em);
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_3_2 {
        height: 100%;
        width: calc((100% - 4em) / 3);
        left: auto;
        right: 1em;
        top: auto;
        bottom: 0em;
    }
    
    .article .portraits .bhd_4_0 {
        height: 100%;
        width: calc((100% - 5em) / 4);
        left: 1em;
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_4_1 {
        height: 100%;
        width: calc((100% - 5em) / 4);
        left: calc((100% - 5em) / 4 + 2em);
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_4_2 {
        height: 100%;
        width: calc((100% - 5em) / 4);
        left: auto;
        right: calc((100% - 5em) / 4 + 2em);
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_4_3 {
        height: 100%;
        width: calc((100% - 5em) / 4);
        left: auto;
        right: 1em;
        top: auto;
        bottom: 0em;
    }
}
@media only screen and (max-aspect-ratio: 1/1) { /* Portrait */
    .article .portraits .bhd_2_0 {
        width: calc((100% - 3em) / 2);
        height: 100%;
        left: 1em;
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_2_1 {
        width: calc((100% - 3em) / 2);
        height: 100%;
        left: auto;
        right: 1em;
        top: auto;
        bottom: 0em;
    }
    
    .article .portraits .bhd_3_0 {
        width: calc((100% - 3em) / 2);
        height: 100%;
        left: 1em;
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_3_1 {
        width: calc((100% - 3em) / 2);
        height: 100%;
        left: auto;
        right: 1em;
        top: auto;
        bottom: 0em;
    }
    .article .portraits .bhd_3_2 {
        width: 0em;
        height: 0em;
        left: auto;
        right: 0em;
        top: auto;
        bottom: 0em;
    }
    
    .article .portraits .bhd_4_0 {
        width: calc((100% - 3em) / 2);
        height: calc((100% - 1em) / 2);
        left: 1em;
        right: auto;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_4_1 {
        width: calc((100% - 3em) / 2);
        height: calc((100% - 1em) / 2);
        left: auto;
        right: 1em;
        top: 0em;
        bottom: auto;
    }
    .article .portraits .bhd_4_2 {
        width: calc((100% - 3em) / 2);
        height: calc((100% - 1em) / 2);
        left: 1em;
        right: auto;
        top: auto;
        bottom: 0em;
    }
    .article .portraits .bhd_4_3 {
        width: calc((100% - 3em) / 2);
        height: calc((100% - 1em) / 2);
        left: auto;
        right: 1em;
        top: auto;
        bottom: 0em;
    }
}