div .visualtab {
    max-width:calc(100% - 3rem);
}
div .paint {
    margin:1.5rem 1.5rem;
    float:left;
    width:calc(33% - 1.5rem * 2);
}
@media screen and (max-width:33.9375em) {
    div .paint{
        width:calc(100%);
        margin:1.5rem 0;
    }
    .visualtab{
    max-width:calc(100% - 2.5rem) !important;
    }
    div .perPag{
      float:none;
      justify-content:center;
    }
}
@media screen and (min-width:34em) and (max-width:64em){
    div .paint{
        width:calc(50% - 1rem);
        margin:1.5rem .5rem;
    }
    .visualtab{
    max-width:calc(100% - 2.5rem) !important;
    }
    .img-thumb{
        height:60vh !important;
    }
}
.paint p{
    margin:.15rem 0 0;
    text-align:center;
}
.img-thumb{
    max-width:100%;
    max-height:100%;
    height:50vh;
    margin:0 auto;
    object-fit:scale-down;
    display:flex;
    justify-content:center;
}
.perPag{
    font-size: smaller;
    display:flex;
    float: right;
}
.perPag>a{
    width: 1.5em;
    text-align: center;
    margin:.15rem;
}
.perPag #activePage{
    text-decoration: underline;
    text-underline-offset: .1em;
    color: rgb(148, 167, 185);
}
.pagbar{
    padding:.5rem;
    display:flex;
    justify-content:center;
}
.pagbar a{
    color:rgb(219, 227, 233);
    padding:.5rem .75rem;
    transition:background-color .3s;
}
.pagbar #activePage{
    background-color:rgb(126, 255, 212);
    color:rgb(43, 71, 71);
}
.pagbar a:hover:not(#activePage) {
    background-color:rgb(181, 181, 181);
    color:aliceblue;
}
#disclaimer{
    font-size:smaller;
    line-height: 1.2;
    text-align:center;
}
