@media screen and (max-width: 950px) {
	header {
		flex-flow: column;
	}


	header > a:first-child {
		margin-left: auto;
		margin-right: auto;
	}


	header > ul {
		max-width: 100%;
		font-size: min(3.5vw, 1em);
		margin: auto;
		display: grid;
		grid-template: 1fr 1fr / 1fr 1fr;
		row-gap: 30px;
		column-gap: 20px;
		justify-items: left;
		flex: none;
	}



	header > ul > li:not(:first-child) {
		border: none;
	}


	div#home-banner, nav ul, nav footer, div#trialfeatured  {
		display: none;
	}


	div#home-banner-narrow {
		display: block;
		border: 0px solid #7d5130;
		padding: auto;
	}


	div#home-banner-narrow h3 {
		margin: 0.25em 0;
	}


	div#home-banner-narrow ul {
		display: grid;
		grid-template: auto auto / 1fr 1fr;
		gap: 0.5em 0.5em;
		align-items: stretch;
		padding: 0;
		width: 70%;
		margin: auto;
	}


	div#home-banner-narrow ul li {
		text-align: center;
		margin: 0;
		background-color: #e1dcd0;
		border: 1px solid transparent;
		transition: all 0.2s;
	}

	div#home-banner-narrow ul li:hover {
		border-color: #8d6546;
	}

	div#home-banner-narrow ul li a {
		text-decoration: none;
		padding: 0.5em;
		display: block;
		width: 100%;
		height: 100%;
	}

	div#wrapper {
		flex-flow: column;
	}


	#sidebar {
		flex: none;
		padding-bottom: 1em;
		z-index: 1;
	}


	dl.stats {
		grid-template: repeat(3, auto) / 1fr 1fr;
	}


	nav label {
		display: inline-block;
	}


	nav input:checked ~ ul, nav input:checked ~ footer {
		display: block;
	}


	form#trial ul li {
		flex-flow: column nowrap;
	}


	form#trial li label {
		flex: 0;
	}


	form#trial li select {
		width: 40%;
	}


	table#title-list td.lang, table#title-list td.fulltext, table#title-list td.series {
		font-size: 75%;
	}

	table#title-list tr > *:first-child, table#title-list tr > *:nth-child(3) {
		display: none;
	}
}


@media screen and (max-width: 450px) {
	dl.stats {
		grid-template: repeat(6, auto) / 1fr;
	}
}