#views{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:1rem;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:1rem 0;
width:100%;
max-width:1200px;
margin:auto;
}
section[id^="bp-"]{
-webkit-box-flex:1;
-ms-flex:1 1 300px;
flex:1 1 300px;
max-width:100%;
}
@media (min-width:900px){
section[id^="bp-"]{
-webkit-box-flex:1;
-ms-flex:1 1 calc(33.333% - 2rem);
flex:1 1 calc(33.333% - 2rem);
max-width:calc(33.333% - 2rem);
}
}
@media (min-width:600px) and (max-width:899px){
section[id^="bp-"]{
-webkit-box-flex:1;
-ms-flex:1 1 calc(50% - 2rem);
flex:1 1 calc(50% - 2rem);
max-width:calc(50% - 2rem);
}
}
@media (max-width:599px){
#views{
display:block;
}
section[id^="bp-"]{
max-width:80vw;
width:100%;
margin:auto;
padding-left:1em;
}
}
#nofthem{
margin:auto;
width:100%;
text-align:center;
}
#nofthem details{
border:none;
}
#nofthem img{
width:100%;
max-width:500px;
}