.photostwolayer { }
.photostwolayer .photostwolayercontent { display:flex; flex-wrap:nowrap; width:100%; }

.photostwolayer .bigphoto { width:60%; }
    .photostwolayer .bigphoto .bigphotocontent{ padding:10px 10px 10px 0; position:relative;  }
    .photostwolayer .bigphoto a{ width:100%; display:block; height:0; overflow:hidden;
                                 padding-top:52.65%; position:relative;
    }
    .photostwolayer .bigphoto a img{ position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
                                     min-height:100%; min-width:100%; max-height:110%;
    }

.photostwolayer .otherphoto { width:40%; position:relative; overflow:hidden; }
    .photostwolayer .repphotos { display:flex; flex-wrap:wrap; width:100%; position:absolute; left:0; top:0; }
    .photostwolayer .repphotos .item{ width:calc(33.333% - 10px); margin:10px 10px 0 0;  }
    .photostwolayer .repphotos .item a{ width:100%; display:block; height:0; overflow:hidden;
                                 padding-top:78.65%; position:relative; }
    .photostwolayer .repphotos .item a img{ position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
                                     min-height:100%; min-width:100%; max-height:110%; }
    .photostwolayer .repphotos .item a .plus { position:absolute; margin:auto; left:0; top:0; bottom:0; right:0;
                                               z-index:2; color:var(--color10); font-size:1.6em; font-weight:bold;
                                               display:none; justify-content:center; align-items:center;
    }
    .photostwolayer .repphotos .item a .plus.photo8 { display:flex; }


@media all and (max-width: 75em) {
    .photostwolayer .repphotos .item { width: calc(50% - 10px); }
    .photostwolayer .repphotos .item a { padding-top: 79.2%; }
    .photostwolayer .repphotos .item .plus.photo3 { display:flex; }
}

@media all and (max-width: 61em) {
    .photostwolayer .bigphoto { width:70%; }
    .photostwolayer .otherphoto { width:30%; }
    .photostwolayer .repphotos .item { width: calc(100% - 10px); }
    .photostwolayer .repphotos .item a { padding-top: 60.8%; }
    .photostwolayer .repphotos .item .plus.photo1 { display:flex; }
    
}

@media all and (max-width: 48em) {

    .photostwolayer .photostwolayercontent { flex-wrap:wrap; }
    .photostwolayer .bigphoto { width:100%; }
    .photostwolayer .otherphoto { width:100%; height:0; padding-top:22.5%; }
    .photostwolayer .repphotos .item { width:calc(33.333% - 10px); }
    .photostwolayer .bigphoto .bigphotocontent { padding-bottom:0; }
    .photostwolayer .repphotos .item .plus.photo1 { display:none; }
    .photostwolayer .repphotos .item .plus.photo2 { display:flex; }
}

@media all and (max-width: 36em) {
    .photostwolayer .repphotos .item { width:calc(50% - 10px);  }
    .photostwolayer .otherphoto { padding-top:32.5%; }
    .photostwolayer .repphotos .item .plus.photo1 { display:flex; }
    .photostwolayer .repphotos .item .plus.photo2 { display:none; }
}