header{
	width:100%;
	margin:0px;border:0px none;padding:0px;
	display:grid;
	grid-gap:0px 0px;
	justify-items:stretch;align-items:stretch; /* Alignment of each item within its grid cell: first x, then y */
	justify-content:stretch;align-content:stretch; /* The whole grid within its container: first x, then y */
	z-index:1;
	overflow:hidden;
	background:url('images/general/header_background.jpg') center center no-repeat;
	background-size:cover;
	}

div#header_border{
	margin:0px;border:3px solid;padding:0px;
	display:grid;
	grid-gap:0px 0px;
	justify-items:center;align-items:center; /* Alignment of each item within its grid cell: first x, then y */
	justify-content:stretch;align-content:stretch; /* The whole grid within its container: first x, then y */
	overflow:hidden;
	border-image-source:url('images/general/header_border.png');
	border-image-slice:3; /* refers to pixels, since this is a raster image */
	/* border-image-width defaults to 1, a multiple of the border width contained in the image */
	/* border-image-outset defaults to 0 */
	}

header a{display:block;}
header img{display:block;width:100%;}

/* ---------------- Phone and tablet screens ---------------- */

@media only screen and (max-width:768px){

	header{height:72px;} /* 72px = 54pt high header */

	div#header_border>a{width:clamp(410px,80%,600px);}

	}

/* ---------------- Desktop screens ---------------- */

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

	header{height:108px;margin-top:264px;} /* 198pt */

	div#header_border>a{width:90%;}

	}