Template:Main Page/style.css

.category-tiles.category-row .category-container { flex-basis: 15%; min-height: 250px; }

.category-container.no-content h2 span:empty { display: none; }

.category-tiles.category-row .category-container.small { align-items: center; position: relative; flex-direction: row-reverse; min-height: 60px; flex-basis: 30%; }

.category-container.small>div { display: flex; height: 100%; position: absolute; left: 0; top: 0; width: 100%; }

.category-tiles.cat-row .info-container { flex-grow: 0; flex-direction: row; padding: 0.75rem 1rem; flex-basis: 16%; justify-content: center; flex-wrap: wrap; display: flex; text-align: right; }

.cat-row .info-container div { display: block; height: auto; flex-basis: 100%; }

.cat-row .info-container div p { margin: 0; }

.cat-row .info-container div p.title { color: var(--color-subtle); font-weight: normal; font-size: 0.8rem; }

.cat-row .info-container div p { color: var(--color-base--emphasized); font-size: 1.25rem; font-weight: 600; }

.category-container.no-content h2 { background-color: var(--background-color-framed) } .category-container.no-content.small h2 { background: rgba(0,0,0,0)linear-gradient(to bottom,rgba(0,0,0,0.2)0px,rgba(0,0,0,0.5)50%,rgba(0,0,0,0.2)100%)repeat 0 0; flex-grow: 1; font-size: 1.1rem; text-align: right; z-index: 1; display: flex; height: 100%; }

.category-container.no-content h2 a { padding: 0.5rem; padding-top: 0.75rem; }

.category-tiles.cat-row { justify-content: space-between; }

@media screen and (min-width: 768px) { .category-tiles.cat-row .category-container:first-of-type { flex-basis: 60%; } }

@media screen and (max-width: 768px) { .category-tiles .category-container.no-content { flex-basis: 32%; }	.category-tiles .category-container.no-content.small { flex-basis: 47%; flex-grow: 1; } }

@media screen and (max-width: 425px) { .category-tiles .category-container.no-content { flex-basis: 47%; }

.category-tiles.cat-row .category-container:first-of-type { flex-basis: 100%; } }

@media screen and (max-width: 375px) { .category-tiles .category-container.no-content { flex-basis: 100%; margin-left: 0; margin-right: 0; }	.category-tiles .category-container.no-content.info-container { flex-basis: calc( 50% - 0.25rem ); min-width: auto; } }