:root {
	--border-blue:#0060A9;
	--typography-heading:#0462a5;
	--brand-primary-medium: #146eb2;
	--brand-tertiary: #F0F0F0;
	--EngCDarkBlue: #0462a5;
	--EngCLightBlue: #009fe3;
	--brand-primary-light: #c7e0f2;
	--theme-primary: #005EBD;
    --theme-secondary: #0093D0;
	--bs-border-color: rgb(153, 153, 153);
	--bs-body-color-rgb: 33, 37, 41;
	--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
}

body {
	background:#fff;
	font-size:16px;
	font-family:Arial, sans-serif;
	margin:0 0 60px 0;
	position:relative;
}

#articles {
	background: repeating-linear-gradient(
	  45deg,
	  rgba(200, 200, 200, 0.1),
	  rgba(200, 200, 200, 0.1) 10px,
	  rgba(255, 255, 255, 0.3) 10px,
	  rgba(255, 255, 255, 0.3) 20px
	);
	padding:2em 1em;
}

.container, article {
	margin-left:auto;
	margin-right:auto;
	max-width:1296px;
}

header, footer, article h1 {
	background-color:var(--theme-primary);
	color:#fff;
}
header {
	padding:0.75em 2em;
}
header h1 {
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size:3em;
	margin:0;
	padding:0;
	vertical-align:middle;
	font-stretch:condensed;
}
header h1 sup {
	font-size:0.25em;
}
header h1 img {
	height:50px;
	display:block;
}
.bold {
	font-weight:bolder;
}
sup {
	font-size:0.5em;
}

article {
	margin-top:1em;
	margin-bottom:1em;
	border:solid 1px var(--bs-border-color);
	border-radius:5px;
	overflow:hidden;
	background-color:#fff;
	position:relative;
}
article h1 {
	margin:0 0 1em 0;
	padding:0.66em 0.66em;
}
article p {
	margin-left:1.33em;
	margin-right:6.33em;
}
article .footer {
	height:38px;
	border-top:solid 1px var(--bs-border-color);
	margin:1em 0 0 0;
	padding:0;
	line-height:0;
	background-color:var(--bs-card-cap-bg);
}
img#beaker {
	position:absolute;
	right:1em;
	bottom:38px;
	height:70%;
}


footer {
	padding:2em 2em;
	text-align:center;
	font-size:0.8em;
}