@media (max-width: 768px) {
	body > .main > .row > .col-md-4 header {
		display: none;
		/*
        max-height: 75px !important;
        background: #808080 url(../img/icons/logo.svg) no-repeat center/150px auto;
        */
	}
	body > .main > .row > .col-md-4 footer a:not(.delete),
	body > .main > .row > .col-md-4 footer > div a:not(.delete) {
		padding: 3px 10px !important;
		/* border-bottom: 1px solid #fff; */
	}

	#case .gallery .thumbnail {
		display: inline-block;
		margin: 10px;
		width: 90% !important;
		vertical-align: top;
		position: relative;
	}

	footer.sidebar-left {
		height: 35vh !important;
		overflow-y: auto;
		overflow-x: hidden;
		align-items: center;
		justify-content: center;
	}
	footer.sidebar-left::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		background-color: #f5f5f5;
	}

	footer.sidebar-left::-webkit-scrollbar {
		width: 12px;
		background-color: #f5f5f5;
	}

	footer.sidebar-left::-webkit-scrollbar-thumb {
		border-radius: 3px;
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #39b54a;
	}

	div.main {
		max-width: 100%;
		grid-template-columns: 1fr;
		grid-template-areas:
			"menu"
			"left"
			"right";
	}
	div.main img {
		max-width: 100%;
	}
	div.main footer a.btn {
		width: 100%;
		margin: 0.5em !important;
	}
	div.main footer.wallpaper .footer {
		position: static !important;
	}
	div.main footer.wallpaper .footer nav {
		display: contents;
	}
	#timeline > article > h4 {
		display: block !important;
		text-align: center;
		padding-left: 20% !important;
		width: 100% !important;
	}
	body > .main > .row > .col-md-8 footer {
		height: 450px !important;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
	}
	.banner article svg {
		width: 100% !important;
		height: auto;
		display: inline-block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	body.home .banner {
		padding: 11em 1em !important;
	}
	#case footer.wallpaper h1 {
		font-size: 30px;
		max-width: unset;
		margin: 30px 0;
	}
}

/* #content-left {
	grid-area: left;
	height: auto;
} */
#menu-primary {
	grid-area: menu;
	height: auto;
	display: yes;
}
/* #content-right {
	grid-area: right;
	height: auto
} */