@media (max-width: 991px) {
	.wrapper,
	div.header_container,
	div.top_bar_container,
	nav ul,
	section#main_content,
	div.footer_container {
		width: 90%;
	}
	header .header_container div {
		flex-basis: 100%;
	}
	header .header_container,
	.top_bar_container {
		flex-direction: column;
		gap: 1em;
	}
	.top_bar_container {
		/* min-height: 50px; */
		padding: 0.5em 0;
	}
	header .header_container form input[name="search"] {
		width: 12em;
	}
	header .header_container div.title {
		text-align: center;
	}
	.contact_form {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.wrapper,
	div.header_container,
	div.top_bar_container,
	nav ul,
	section#main_content,
	div.footer_container {
		width: 95%;
	}
	footer .footer_container {
		flex-direction: column;
		text-align: center;
		padding: 1em 0;
		gap: 1em;
	}
	footer .footer_container ul {
		flex-basis: 100%
	}
	.footer_container ul.site_copyright  {
		text-align: center;
		order: 0;
	}
	dd, dt {
		width: 100%;
	}
	.footer_container ul.site_copyright li.forum_links a,
	.footer_container ul.bottom_links li.top {
		border-width: 0;
	}
	.footer_container ul.bottom_links li,
	.footer_container ul.bottom_links li.top {
		padding: 0;
	}
	.footer_container ul.bottom_links {
		flex-direction: column;
		gap: 0.5em;
	}
	.content_box .forum_articles,
	.content_box .sidebar {
		flex-basis: 100%;
	}
	#main_content .sidebar h2, #main_content .sidebar h3 {
		text-align: left;
	}
}

@media (max-width: 640px) {
	section#main_content .content_box {
		padding-inline: 0.5em;
	}
	#main_content article div.news_timestamp {
		padding-inline: 1em;
	}
	#main_content article div.news_body {
		padding-inline: 0.3em;
		border-right: none;
	}
	#main_content article {
		margin-inline: 0;
	}
	#main_content article div.news_timestamp,
	.content_box {
		flex-direction: column;
	}
	#main_content article div.news_timestamp span:first-child {
		text-align: left;
	}
	.content_box {
		gap: 0;
	}
	nav.main ul {
		justify-content: space-between;
		gap: 1em;
	}
	nav.main ul li ul {
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	header .header_container div.title h1 {
		font-size: 1.5em;
	}
}