div.distorted {text-align: center;} div.distorted::after {
content: ''; display: block; clear: left;
} div.distorted.svg {background-color: fbfbf8;} div.distorted.pdf > object {min-height: 76vh;} div.distorted > video {object-fit: contain;} div.distorted-caption {
color: #8888888; margin-top: 0.5em;
} div.distorted-block {
width: 100%; clear: both;
} div.distorted-block > div.distorted {
display: block; box-sizing: border-box; float: left; border: 4px solid transparent; margin: 0px; text-align: center; width: 100%;
} @media screen and (min-width: 40em) {
div.distorted-block > div.distorted { width: 50%; } div.distorted-block > div.distorted:only-child { width: 100%; } div.distorted-block > div.distorted:first-child:nth-last-child(3), div.distorted-block > div.distorted:first-child:nth-last-child(3) ~ div.distorted, div.distorted-block > div.distorted:first-child:nth-last-child(6), div.distorted-block > div.distorted:first-child:nth-last-child(6) ~ div.distorted, div.distorted-block > div.distorted:first-child:nth-last-child(9), div.distorted-block > div.distorted:first-child:nth-last-child(9) ~ div.distorted { width: 33.3333%; } div.distorted-block > div.distorted:first-child:nth-last-child(5), div.distorted-block > div.distorted:first-child:nth-last-child(5) ~ div.distorted:nth-child(2) { width: 50%; } div.distorted-block > div.distorted:first-child:nth-last-child(5) ~ div.distorted { width: 33.3333%; } div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(3), div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(4), div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(5) { width: 33.3333%; }
} @media screen and (min-width: 76em) {
div.distorted-block > div.distorted:first-child:nth-last-child(4), div.distorted-block > div.distorted:first-child:nth-last-child(4) ~ div.distorted, div.distorted-block > div.distorted:first-child:nth-last-child(8), div.distorted-block > div.distorted:first-child:nth-last-child(8) ~ div.distorted { width: 25%; } div.distorted-block > div.distorted:first-child:nth-last-child(5), div.distorted-block > div.distorted:first-child:nth-last-child(5) ~ div.distorted:nth-child(2), div.distorted-block > div.distorted:first-child:nth-last-child(5) ~ div.distorted, div.distorted-block > div.distorted:first-child:nth-last-child(10), div.distorted-block > div.distorted:first-child:nth-last-child(10) ~ div.distorted { width: 20%; } div.distorted-block > div.distorted:first-child:nth-last-child(7), div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(2), div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(3) { width: 33.3333%; } div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted, div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(4), div.distorted-block > div.distorted:first-child:nth-last-child(7) ~ div.distorted:nth-child(5) { width: 25%; }
}