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



header { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 10vh; margin-left: 10vw; margin-right: 10vw; }


	header a.x { font-size: 40px; text-decoration: none; margin-left:20px; }


	header > [itemtype$='Organization'] {flex-shrink:1; flex-basis:0px; flex-grow:1}




/* Nav Menu Book */
nav {margin-top:calc(80px + 7vh); max-width:300px; margin-left:auto; margin-right:auto; height:200px;}


nav {display:flex;}

nav > * {flex-basis:0px; flex-grow:1; border:1px solid black;  }


nav a {color:black; font-family:OswaldLight; text-transform:uppercase; font-weight:bold; font-size:20px; }

nav a,
nav a > span {display:block; height:100%;}


nav a > span {display:flex; justify-content:space-around; align-items:center;}


nav > *:first-child {transform:skewY(10deg) translateY(-14px); padding-left:5px;}
nav > *:last-child {transform:skewY(-10deg) translateY(-14px); padding-right:5px;}

nav > *:first-child > * {transform:skewY(5deg) translateY(-10px)}
nav > *:last-child > * {transform:skewY(-5deg) translateY(-10px)}


nav a {background-color:rgba(255,255,255,0.9); transition:0.4s background-color}
nav a:hover {text-decoration:none; background-color:white;}

nav > * {background-color:#333}

nav a {background-image:url('/images/brown_paper.jpg'); background-size:cover;}