.grid .grid__item, .grid .grid__sizer { width: calc((100% / 4) - 10px); margin: 5px; }  @media screen and (max-width: 960px) {  .grid .grid__item, .grid .grid__sizer { width: calc((100% / 3) - 10px); margin: 5px; }  .page-navigator li { margin: 0 0.1em; }  .page-navigator span { padding: 0.5em 0; }  .page-navigator a, .page-navigator span { min-width: 1.2em; height: 1.2em; }  }  @media screen and (max-width: 640px) {  .grid .grid__item, .grid .grid__sizer { width: calc((100% / 2) - 10px); margin: 5px; }  .page-navigator a, .page-navigator span { min-width: 1em; height: 1em; }  }  @media screen and (max-width: 480px) {  :root { --font-size-s:		0.8em; --font-size-m:		1.0em; --font-size-l:		1.2em; --font-size-xl:		1.4em; --font-size-xxl:	1.6em; }  .snapic-grid-description, .snapic-grid-poster { padding: 0 0.5em; }  .snapic-exif-info { padding: 1em 0.5em; width: calc(100% - 1em); }  .video-js .vjs-progress-control { display: none !important; }  }  @media screen and (max-width: 320px) {  .grid .grid__item, .grid .grid__sizer { width: calc((100% / 1) - 10px); margin: 5px; }  .video-js .vjs-progress-control { display: flex !important; }  .page-navigator li { margin: 0 0.25em; }  .page-navigator span { padding: 0.5em; }  .page-navigator a, .page-navigator span { min-width: 1.5em; height: 1.5em; }  }