@media all and (max-width: 650px) {
	header {
		flex-flow: column nowrap ;
	}

	.HeaderItem {
		border-bottom: 1px solid #EEE ;
		flex-basis: 100% ;
		width: 100% ;
		text-align: center ;
		padding: 0.4rem ;
		min-height: 2rem ;
	}


	/*
	fieldset label {
		float: none ;
		display: block ;
	}

	textarea, input {
		max-width: 100% ;
	}

	.empty {
		height: 0.5em ;
	}

	.PageSubtitle {
		display: none ;
	}



	nav {
		flex-direction: column ;
	}

		.MenuLink {
			display: none ;
			border-bottom: 1px solid #CCC ;
			padding: 0.2em 0 ;
		}

		.MenuLinkBars { display: block ; }

		.MenuSearch {
			flex-basis: auto ;
			text-align: left ;
			padding-right: 0 ;
		}

	.VectorShowContainer {
		flex-flow: column wrap ;
	}
	*/
	.VectorShowPreview {
		/* align-self: flex-start ; */
	}


	div.ExampleContainer {
		flex-direction: column ;
	}

	footer {
		flex-direction: column ;
	}
}