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



header { display: flex; flex-wrap: wrap; margin:10px; }


header > div {order:1; margin:10px;}
	header > a { order: 2; flex-grow: 1; }


header > div img {display:block; margin-left:auto; margin-right:auto;}

header > div {flex-basis:100%; flex-grow:1000; flex-shrink:1}


@media screen and (min-width:415px) {
	header > * { order: 0 !important; }

	header > div {flex-basis:0px;}

	header { align-items:center; }
}



header > a {margin:5px; padding:15px;}

header > a:last-of-type {text-align:right;}

header > a:first-of-type::before {content:'< '}
header > a:last-of-type::after {content:' >'}