body {
  background-repeat:repeat;
  background-position:top left;
  background-size:63%;
}
body.proj-flagship {
	background-image:url('./imgs/bg-proj-flagship.png');
}
body.proj-digipharma {
	background-image:url('./imgs/bg-proj-digipharma.png');
}
body.proj-findsched {
	background-image:url('./imgs/bg-proj-findandschedule.png');
}
body.proj-hv {
	background-image:url('./imgs/bg-proj-hv.png');
}
header {
	max-width:480px;
	height:auto;
	margin-left:7%;
	background: linear-gradient(to right, rgba(50,50,50,1), rgba(33,33,33,0.9));
}
header h1 {
	margin:1rem 0;
	font-size:4rem;
	font-weight:200;
	line-height:4rem;
}
ul li {
	margin:0.25rem 0 0.25rem 1rem;
	list-style-type:disc;
}
ul.tags {
	margin:0.5rem 0;
}
li.tag {
	margin:0 0.125rem 0.25rem 0;
	padding:0.25rem 0.5rem;
	list-style-type:none;
	display:inline-block;
	background:#525252;
	border-radius:0.5rem;
	font-size:0.75rem;
}
/* ↓ breakpoint for smaller screens ↓ */
@media (max-width:799px) {
	header {
		margin:0 auto 100% auto;
	}
	body {
	  background-size:80%;
	}
	header h1 {
		margin:1rem 0;
		font-size:2.5rem;
		font-weight:200;
		line-height:2.5rem;
	}
}