#header-container {
		padding: 0;
		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns: 33% auto;
		container-type: inline-size;
  		container-name: headings;
	}
	.superhead {
		grid-row: 1;
		grid-column: span 2;
	}
	#weeMLogoLeft {
		grid-row: 2;
		grid-column: 1;
	}
	#weem-headings {
		grid-row: 2;
		grid-column: 2;
		display: grid;
		grid-template-rows: auto auto auto;
		grid-template-columns: auto;
	}
	#weem-headings h1 {
		margin: 0;
		grid-row: 1;
		grid-column: 1;
		font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif;
		background: url("/weem/2018/tv.static.1200.jpg");
		background-size: cover;
		background-clip: text;
		color: transparent;
	}
	#weem-headings h2 {
		margin: 0;
		grid-row: 2;
		grid-column: 1;
	}
	#weem-headings .date {
		grid-row: 3;
		grid-column: 1;
	}
	h2.title {
		color: rgb(54,125,160);
	}
	
	@container headings (min-width: 250px) {
		h2.title {
			font-size: 2.5rem;
		}
	}
	@container headings (min-width: 300px) {
		h2.title {
			font-size: 3rem;
		}
	}
	@container headings (min-width: 400px) {
		h2.title {
			font-size: 4rem;
		}
	}
	@container headings (min-width: 500px) {
		h2.title {
			font-size: 5rem;
		}
	}
	@media screen and (max-width: 500px)  {
		#header-container {
			grid-template-columns: auto;
		}
		.superhead {
			grid-column: 1;
		}
		#weeMLogoLeft {
			grid-row: 2;
			grid-column: 1;
			padding: 0 0 0 1.5em;
		}
		#weem-headings {
			grid-row: 3;
			grid-column: 1;
		}
		h1 {
			display: none;
		}
	#weem-headings h2 {
		background: url("/weem/2018/tv.static.1200.jpg");
		background-size: cover;
		background-clip: text;
		color: transparent;
	}
}