
.wPhotoAlbums {

}

.paa {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.paa > div {
    align-content: stretch;
    margin-bottom:1em;
    padding:0.35em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.3);
    text-align:left;
    position: relative;
    transition: opacity 0.24s ease-in-out;
}

.paa > div > strong {
    display:block;
    position: absolute;
    left:0.35em;right:0.35em;
    bottom:0.4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:0.8em;
}

.paa > div > span {
    position: absolute;
    top:0.5em;
    right:0.6em;
    padding:0.5em;
    background: rgba(255,255,255,0.8);
    color:#000;
}

.bI {
    display:block;
    border:1px solid #666;
    min-width:240px;
    min-height:240px;
    margin-bottom:1.1em;
    background: url(/pa/np1.jpg) no-repeat center center;
    background-size: cover;
    transition: opacity 0.6s ease-in-out;
    opacity: 0.2;
}

@media (max-width: 989px) {  /*********************************** MOBILE START */
    .bI {
        /*width:40vw;*/
    }

}

@media (max-width: 479px) {
    .bI {
        width:80vw;
        height:80vw;
    }

}


.descr {
    padding-left:2em;padding-right:2em;position:relative;margin-bottom:1.5em;
}
.descr div { position:absolute;font-size:2em;color:maroon; }
.descr div:first-child { left:0;top:0; }
.descr div:last-child { right:0 ;top:0; }



div.dT4t {
    width:100%;
    display: table;
}
div.dT4r {
    display: table-row;
}
div.dT4d {
    display: table-cell;
    padding:0 0;
}
