#wrapper {background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(/images/21); background-size:cover; background-position:center center;}



[itemtype$='Organization'] {max-width:100%; padding:10px; padding-bottom:20px;}


header {padding:10px;}


@media screen and (min-height:414px) and (min-width:320px) {
	header {padding:0px;}
	header { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; }

	header { display: flex; align-items: center; justify-content: space-around; flex-direction: column; }
}

@media screen and (min-width:888px) {

	header { flex-direction: row; }
}



nav {font-family:"OswaldLight";}
nav {text-transform:uppercase;}
nav a:hover {text-decoration:none;}


nav {width:auto; height:calc(100vw - 40px); margin:10px; font-size:30px;}

@media screen and (min-width:320px) {
	nav { width: 300px; height: 300px; font-size: 50px; }
}

nav {display:flex; flex-direction:column; justify-content:space-between;}

nav a > span {display:flex; justify-content:space-between}

nav a > span {transition-duration:2s; transition-property:margin-left,margin-right;}
nav a:hover > span {margin-left:-10px; margin-right:-10px;}



/*
header {padding:5px;}



header [itemtype$='Organization'] img {max-height:31px}


nav {font-size:20px; text-align:center; letter-spacing:1px}



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

nav {justify-content:space-around}
*/