h1 {
		padding-bottom:0;
	}
	.pointer img {
		width:15%;
	}
	nav {
		display:none;
		position:absolute;
		width:100%;
		top:46px;
						
	}
	header h1 {
		padding-top:60px;
	}
	.announcement {
		padding:12px;
		position:fixed;
		z-index:100;
	}
	.announcement p {
		font-size:14px;
		display:inline-block;
	}
	.announcement p.slug {
		display:none;
	}
	.announcement p.right-justify {
		text-transform:lowercase;
		font-style:italic;
	}
	.announcement a {
		color:white;
		text-decoration:none;
	}
	.announcement a:hover {
		color:white;
		text-decoration:underline;
	}
	.map {
		background-color:var(--bg-color);
		top:0px;
		width:100%;
		z-index:3;
		overflow:hidden;
		cursor:zoom-in;
	}
	.map.zoom-out {
		cursor:zoom-out;
	}
	.map figure {
		margin:5% auto;
		width:90%;
		height:85%;
		transition:transform 0.5s;
	}
	.map figure svg, .map figure img {
		max-width:100%;
		max-height:100%;
	}
	.icons {
		position:fixed;
		bottom:0;
		width:100%;
		padding:24px;
		padding-top:12px;
		text-align:right;
		background:rgba(var(--brownPale-r),var(--brownPale-g),var(--brownPale-b),0.8);
		z-index:5;
		border-top:solid 1px #666 multiply;
		box-shadow: 0 -2px 2px;
	}
	.icons svg {
		height:24px;
		padding-left:12px;
	}
	.zoom {
		stroke:#999;
		cursor:pointer;
	}
	.zoom.active {
		stroke:#000;
	}
	.announcement p.menu {
		position:absolute;
		right:12px;
		top:12px;
		width:24px;
	}
	.menu svg {
		height:24px;
	}
@media screen and (min-width:600px) {
	header {
		height:100vh;
		width:30vw;
	}
	nav {
		position:absolute;
		display:block;
		top:auto;
		bottom:0;
		left:50%;
		transform:translateX(-50%);
		width:100%;
	}
	.link.direct {
		width:100%;
	}	
	.pointer {
		width:100%;
	}
	main {
		padding-top:0;
		margin-left:30vw;
		width:70vw;
		border-left:solid 1px black;
		min-height:100vh;
		background:var(--bg-color);
	}
	.announcement {
		padding:24px 24px 12px 24px;
		width:70vw;
		left:30vw;
	}
	.announcement p {
		font-size:16px;
		width:85%;
	}
	.announcement p.slug {
		display:inline-block;
	}
	.announcement p.right-justify {
		position:absolute;
		right:2em;
		text-align:right;
	}
	.map {
		background-color:var(--bg-color);
		top:0px;
		width:100%;
		height:calc(100vh - 100px);
		z-index:3;
		overflow:hidden;
		cursor:zoom-in;
	}
	.map.zoom-out {
		cursor:zoom-out;
	}
	.map figure {
		margin:5% auto;
		width:90%;
		height:85%;
		transition:transform 0.5s;
	}
	.map figure svg, .map figure img  {
		max-width:100%;
		max-height:100%;
	}
	.icons {
		position:absolute;
		bottom:0;
		width:100%;
		padding:24px;
		padding-top:12px;
		text-align:right;
		background:rgba(var(--brownPale-r),var(--brownPale-g),var(--brownPale-b),0.8);
		z-index:5;
		border-top:solid 1px #666 multiply;
		box-shadow: 0 -2px 2px;
	}
	.icons svg {
		height:24px;
		padding-left:12px;
	}
	.zoom {
		stroke:#999;
		cursor:pointer;
	}
	.zoom.active {
		stroke:#000;
	}
}