@media all and (max-width: 768px)
{
	.region-navigation
	{
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		top: 0;
		height: 100vh;
		overflow: auto;
		z-index: 1000;
		-webkit-transition: .5s;
		        transition: .5s;
		-webkit-transform-origin: 0 0;
		    -ms-transform-origin: 0 0;
		        transform-origin: 0 0;
	}

	.menu .burger:checked ~ .region-navigation
	{
		-webkit-transform: scale(1, 1);
		    -ms-transform: scale(1, 1);
		        transform: scale(1, 1);
	}

	.menu .burger:checked + label
	{
		background: transparent;
	}

	.menu .burger:checked + label:before
	{
		-webkit-transform: rotate(-45deg) translate(-12px, 0);
		    -ms-transform: rotate(-45deg) translate(-12px, 0);
		        transform: rotate(-45deg) translate(-12px, 0);
	}

	.menu .burger:checked + label:after
	{
		-webkit-transform: rotate(45deg) translate(-12px, 0);
		    -ms-transform: rotate(45deg) translate(-12px, 0);
		        transform: rotate(45deg) translate(-12px, 0);
	}

	.menu .burger:not(:checked) ~ .region-navigation
	{
		-webkit-transform: scale(1, 0);
		    -ms-transform: scale(1, 0);
		        transform: scale(1, 0);
	}

	.menu .burger + label
	{
		display: block;
		position: absolute;
		z-index: 1001;
		width: 30px;
		height: 3px;
		right: 20px;
		margin: 30px 0;
		top: 20px;
		cursor: pointer;
		background: #eee;
	}

	.menu .burger + label:before
	{
		content: '';
		position: absolute;
		height: 3px;
		padding-bottom: 7px;
		border-top: 3px solid #eee;
		display: block;
		width: 30px;
		bottom: 0;
	}

	.menu .burger + label:after
	{
		content: '';
		position: absolute;
		top: 0;
		border-bottom: 3px solid #eee;
		padding-top: 7px;
		height: 3px;
		display: block;
		width: 30px;
	}

	.menu .burger + label, .menu .burger + label:before, .menu .burger + label:after
	{
		-webkit-transition: .5s;
		        transition: .5s;
		-webkit-transform-origin: 50% 50%;
		    -ms-transform-origin: 50% 50%;
		        transform-origin: 50% 50%;
	}

	#block-views-menu-block-1
	{
		background: rgba(0, 0, 0, .7);
		min-height: 100vh;
		height: auto;
	}

	#block-views-menu-block-1 ul
	{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#block-views-menu-block-1 ul li a + p, #block-views-menu-block-1 ul li.active a + p, #block-views-menu-block-1 ul li:hover + p, #block-views-menu-block-1 ul li.active:hover + p
	{
		display: none !important;
	}

	.multimedia > ul
	{
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		        justify-content: space-around;
	}

	.multimedia > ul > li
	{
		text-indent: -9999px;
		width: 50px;
		height: 50px;
		margin: .3em;
		padding: .5em 1.8em;
	}

	.media
	{
		padding: 2em 1em;
	}

	.media article
	{
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}

	.main .text h2
	{
		font-size: 1.25em;
		margin: 0;
	}

	.main .text h2:last-of-type
	{
		margin-bottom: 1em;
	}

	.footer
	{
		font-size: .8em;
	}

	.footer #block-views-citations-block
	{
		margin-top: 3em;
		padding: 0 2em;
	}

	.footer svg
	{
		-webkit-transform: scale(1, .5) translate(0, -50%);
		    -ms-transform: scale(1, .5) translate(0, -50%);
		        transform: scale(1, .5) translate(0, -50%);
	}

	.footer .region-footer
	{
		margin-top: -50px;
	}

	#logo
	{
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		width: 170px;
		height: 170px;
		margin-top: -45vh;
	}

	#logo h1
	{
		display: block;
		height: 170px;
		margin: 0;
		width: 170px;
	}
}