header {display:flex; padding:10px; align-items:center; justify-content:space-around}

header {background-image:linear-gradient(to top, rgba(120,120,120,0.4), rgba(120,120,120,0.1));}

header > * {margin:10px;}



header a[href='/'] {font-size:60px;}
header h1 {font-size:40px;}


header > div {flex-shrink:1; flex-basis:247px;}





div#wrapper {display:flex; flex-direction:column; height:100%}



nav { flex-grow: 1; display: flex; flex-direction:column }


	nav > * { flex-grow: 1;  }

	nav > div {display:flex;}


	nav a {flex-grow:1; display: flex; justify-content: center; align-items: center; background-color:rgba(0,0,0,0.3); transition:1s background-color}
	nav a:hover {background-color:rgba(0,0,0,0.1);}

nav > * {font-size:calc(2.2vw + 2.2vh); text-transform:uppercase; letter-spacing:1px}


nav > div {background-position:center center; background-size:cover;}