/* Small only */
@media screen and ( max-width: 39.9375em ) {

	#header-banner {
		height: 50px;
		background: linear-gradient( 120deg, #f5f6f9 50%, #d6dae6 50% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	#top-menu-left,
	#top-menu-right {
		justify-content: center;
	}

	.top-menu {
		height: 50px;
	}

	.top-menu ul li>a {
		padding: 0 0.5rem;
	}

	.top-menu a svg {
		font-size: 28px;
		margin: 0 10px;
	}

	.header-logo img {
		margin: 16px 0 0 16px;
	}

	.title-bar{
		display: flex;
		justify-content: center;
	}

	.main-menu-container-nav {
		background: #525f7a;
		align-items: start;
		height: calc(100vh - 165px);
		width: 100vw;
		left: 0;
		top: 165px;
		position: fixed;
		z-index: 1;
	}

	.main-menu-container-nav a {
		color: #fff;
		font-size: 1.6rem;
		display: block;
		width: 100%;
		padding: 1rem;
	}

	.main-menu-container-nav li {
		display: flex;
		width: 100vw;
		align-items: center;
		text-align: center;
	}

	main {
		margin-top: 0;
	}

	.archive .page-header h1 {
		margin-bottom: 3rem;
	}

	.archive header .clear-filters {
		right: initial;
		left: 1rem;
	}

	.archive header .show-filters {
		right: initial;
		left: 9rem;
	}

	.single .entry-meta > span {
		display: block;
		line-height: 1.8;
	}

	.responsive-card-table {

	}

	.responsive-card-table tbody {
		border: none;
	}

	.responsive-card-table thead tr {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}

	.responsive-card-table tr {
		border: 1px solid #ddd;
		display: block;
	}

	.responsive-card-table tr + tr {
		margin-top: 1.5rem;
	}

	.responsive-card-table td {
		border: none;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
		border-bottom: 1px solid #ddd;
		padding-left: 50%;
		position: relative;
		background: #fff;
	}

	.responsive-card-table td:before {
		content: attr(data-label);
		display: inline-block;
		font-weight: bold;
		line-height: 1.5;
		margin-left: -100%;
		width: 65%;
		position: relative;
		z-index: 1;
	}

	.responsive-card-table td:after {
		content: '';
		position: absolute;
		background: #f8f8f8;
		width: 30%;
		height: 97.5%;
		left: 1px;
		top: 1px;
		z-index: 0;
	}

	.responsive-card-table td:first-child {
		padding-left: 0.625rem;
	}

	.responsive-card-table td:first-child::before {
		content: none;
	}

	.responsive-card-table td:first-child::after {
		content: none;
	}
	.single .entry-content {
		padding: 1rem;
	}
	.entry-comments p.logged-in-as {
		transform: none;
		margin-bottom: 0;
	}
}





/* Medium and up */
@media screen and ( min-width: 40em ) {

	#header-banner {
		height: 50px;
		background: linear-gradient( 120deg, #f5f6f9 50%, #d6dae6 50% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	#top-menu-left {
		justify-content: flex-end;
	}

	#top-menu-right {
		justify-content: flex-start;
	}

	.top-menu {
		height: 50px;
	}

	.top-menu a svg {
		font-size: 22px;
		margin: 0 8px;
	}

}


/* Small and Medium */
@media screen and ( max-width: 63.9375em ) {

	.entry-meta {
		position: relative;
	}
	.post-edit-link {
		position: absolute;
		right: 15px;
		bottom: 46px;
	}
	.print-page {
		position: absolute;
		right: 15px;
		bottom: 20px;
	}
}


/* Medium only */
@media screen and ( min-width: 40em ) and ( max-width: 63.9375em ) {

	.header-logo img {
		margin: 16px 0 0 16px;
	}

	.main-menu-container-nav {
		background: #525f7a;
		align-items: start;
		height: calc(100vh - 165px);
		width: 100vw;
		left: 0;
		top: 165px;
		position: fixed;
		z-index: 1;
	}

	.main-menu-container-nav a {
		color: #fff;
		font-size: 1.6rem;
		display: block;
		width: 100%;
		padding: 1rem;
	}

	.main-menu-container-nav li {
		display: flex;
		width: 100vw;
		align-items: center;
		text-align: center;
	}

	main {
		margin-top: 0;
	}

	.single .entry-meta > span {
		display: block;
		line-height: 1.8;
	}

}





/* Large and up */
@media screen and ( min-width: 64em ) {

	#header-banner {
		height: 40px;
		background: linear-gradient( 120deg, #f5f6f9 66.66%, #d6dae6 66.66% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	.top-menu {
		height: 40px;
	}

	.top-menu a svg {
		font-size: 16px;
		margin: 0 10px;
	}

}





/* Large only */
@media screen and ( min-width: 64em ) and ( max-width: 74.9375em ) {

}