/* GRID */

/* COMMON ELEMENTS -----------------------------------------------------------*/

	html	{
		font-size: 62.5%;
	}

	body {
		background-color: #F4F4F2;
		margin: 0;
	}

	a {
		color: #333;/*0935B3 2679FF 0F08F4 less saturated blue*/
		font-size: 1.3rem;
		text-decoration: none;
	}

	a:hover {
		background-color: #D9D9D9; /*F2F2F2 F5F5F5 almost wht*/
		text-decoration: none;
	}

	a:visited {
		color: #333;/*0935B3 less saturated blue*/
	}

	.a-floatr {
		float: right;
	}

	.a-m0 {
		margin: 0;
	}

	.a-mb20 {
		margin-bottom: 2.0rem;
	}

	#a-mb1000 {
		margin-bottom: 100rem;
	}

	#a-ml5 {
		margin-left: .5rem;
	}

	.a-mt10 {
		margin-top: 1.0rem;
	}

	.a-mt20 {
		margin-top: 2.0rem;
	}

	.a-metadata {
		color: #737373; /*medium grey*/
		font-size: 1.3rem;
		line-height: 1.3rem;
	}

	.a-mt20 {
		margin-top: 2.0rem;
	}

	.a-no-style {
		margin: 0;
		padding: 0px;
	}

	.a-no-style li {
		list-style-type: none;
	}

/* ABOUT ELEMENTS -----------------------------------------------------------*/

	.about-grid-container {
		color: #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6rem;
		line-height: 1.6rem;
		justify-content: center;
	}

	.about-msg-container {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.8rem;
		font-weight: normal;
		grid-area: about-msg-container;
		line-height: 2.7rem;
		padding: 2.0rem .5rem;
	}

	.about-msg-container a {
		color: #3378A1;/*desaturated medium blue*/
		font-size: 1.6rem;
	}

/* ADMIN ELEMENTS -----------------------------------------------------------*/
	.admin-container {
		font-size: 1.3rem;
		min-height: 1000px;
		overflow: hidden;
		margin: 0rem auto;
		width: 670px;
	}

/* COPYRIGHT ELEMENTS -----------------------------------------------------------*/

	ol.upper-alpha {
		list-style-type: upper-alpha;
		margin: 0;
	}

	ol.upper-alpha li {
		margin: 0.6rem 0;
	}

/* ERROR ELEMENTS -----------------------------------------------------------*/

	#err-msg {
		margin: 10rem 0.1rem 34rem 0.1rem;
	}

/* FOOTER ELEMENTS -----------------------------------------------------------*/

	#footer {
		background-color: #0F1F5C; /*mid-night blue*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.5rem;
		grid-area: footer;
		height: 300px;
		margin-top: 4.0rem;
		padding-top: 2.0rem;
	}

	#f-copyright {
		text-align: center;
		width: 34rem;
	}

	#f-links {
		width: 20rem;
	}

	#footer p {
		color: #999; /*medium grey*/
		margin: 0rem auto;
		padding: .5rem;
	}

	#footer p a {
		color: #999; /*medium grey*/
		padding: 0rem .5rem;
	}

	#footer p a:hover {
		background-color: #999; /*medium grey*/
		color: #FFF;
	}

/* HEADER ELEMENTS -----------------------------------------------------------*/

	#header {
		align-self: center;
		grid-area: header;
		justify-self: center;
		margin-top: 15px;
	}

	#h-date {
		align-self: center;
		color: #737373;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6rem;
		grid-area: h-date;
		justify-self: center;
	}

	#h-nav1 {
		align-self: center;
		display: grid;
		font-size: 1.6rem;
		grid-area: h-nav1;
		grid-gap: 40px;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		justify-self: center;
	}

	#h-nav1 a {
		display: block;
		font-size: 1.6rem;
		padding: .5rem .4rem;
		text-align: center;
	}

	#h-nav1 a:hover {
		background-color: #D9D9D9; /* F2F2F2*/
	}

	#h-political-pos-responsive {
		display: none;
	}

/* MAIN ELEMENTS -----------------------------------------------------------*/

	#ma-bottom-container {
		display: none;
		grid-area: ma-bottom-container;
		grid-gap: 10px 10px;
		grid-template-columns: 126px 126px 126px 126px 126px;
		grid-template-rows: 37px 37px 37px;
	 	grid-template-areas:
			'. . navigation-responsive . .'
			'nav-cat1 nav-cat2 nav-cat3 nav-cat4 nav-cat5'
			'nav-cat6 nav-cat7 nav-cat8 nav-cat9 nav-cat10';
		margin: 2.0rem 0;
	}

	#ma-bottom-container a {
		align-items: center;
		display: grid;
		font-size: 1.3rem;
		height: 37px;
		justify-items: center;
		width: 126px;
	}

	#ma-bottom-container a:hover {
		background-color: #D9D9D9; /*darker wht*/
		text-decoration: none;
	}

	#ma-bottom-container div { /*category links*/
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		height: 37px;
		width: 126px;
	}

	#ma-commentary-container {
		color: #000;
		display: block;
		padding-bottom: 0.1rem;
	}

	#ma-grid-container {
		color: #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

	.ma-published-container {
		color: #737373;
		font-size: 1.4rem;
		line-height: 1.8rem;
		padding: 1.0rem;
	}

	#ma-purpose-still-container {
		height: 410px;
		padding-left: 0.5rem;
		width: 660px;
	}

	#ma-purpose-top-container {
		background-color: #FFF; /*AA99C5*/
		border: 1px solid;
		border-right: 0;
		border-top: 0;
		border-color: #D9D9D9;
		grid-area: ma-purpose-top-container;
	}

	#ma-side-bottom-container {
		grid-area: ma-side-bottom-container;
		height: 1680px;
		margin: 1.5rem 0rem 0rem 1.5rem;
	}

	#ma-side-results-subject {
		color: #000;
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.6rem;
		margin: 0;
		padding-bottom: .4rem;
	}

	#ma-side-subject-links-container {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		margin-bottom: 1.5rem;
		padding: .5rem;
	}

	#ma-side-top {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		border-left: 0;
		border-top: 0;
		grid-area: ma-side-top;
	}

	#ma-side-top-notice {
		background-color: #DBE4F3;
		border: 1px solid;
		border-color: #959BA6;
		color: #333;
		font-size: 1.3rem;
		height: 61px;
		line-height: 1.9rem;
		margin-left: 1.25rem;
		padding: .55rem .75rem .55rem .75rem;
		width: 265px;
	}

	#ma-side-top-notice-responsive {
		background-color: #DBE4F3;
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
		color: #333;
		display: none;
		font-size: 1.4rem;
		grid-area: ma-side-top-notice-responsive;
		line-height: 2.5rem;
		padding: 1.0rem 8.8rem;
		text-align: center;
	}

	#ma-subject {
		color: #000;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 3.2rem;
		grid-area: ma-subject-container;
		line-height: 3.5rem;
		padding-bottom: 1.6rem;
	}

	#ma-subject-container {
		background-color: #FFF;
		border: 1px solid;
		border-bottom: 0;
		border-color: #D9D9D9;
		grid-area: ma-subject-container;
		max-height: 80px;
		padding: 0.5rem;
	}

	.ma-updated {
		background-color: #D3D3D3; /*light grey*/
		color: #000;
		padding: 0 0.5rem;
	}

/* NAVIGATION ELEMENTS -----------------------------------------------------------*/

	#navigation {
		height: 29.7rem;
		margin-left: 1.25rem;
		width: 14rem;
	}

	#navigation a {
		border-bottom: 1px solid #CCC;
		display: block;
		padding: .4rem;
		width: 13rem;
	}

	#navigation p {
		border-bottom: 2px dotted #CCC;
		margin-bottom: 1.0rem;
		margin-top: 0;
		padding: 0rem .5rem .5rem .3rem;
	}

	#navigation-responsive { /*parent to the text within*/
		align-items: center;
		display: grid; /*need this to center text*/
		grid-area: navigation-responsive;
		justify-items: center;
	}

	#nav-cat1 {grid-area: nav-cat1;}
	#nav-cat2 {grid-area: nav-cat2;}
	#nav-cat3 {grid-area: nav-cat3;}
	#nav-cat3-responsive {display: none;}
	#nav-cat4 {grid-area: nav-cat4;}
	#nav-cat5 {grid-area: nav-cat5;}
	#nav-cat6 {grid-area: nav-cat6;}
	#nav-cat7 {grid-area: nav-cat7;}
	#nav-cat8 {grid-area: nav-cat8;}
	#nav-cat9 {grid-area: nav-cat9;}
	#nav-cat10 {grid-area: nav-cat10;}
	#nav-cat10-responsive {display: none;}

/* PLAN ELEMENTS -----------------------------------------------------------*/

	#plan-list {
		font-weight: bold;
		margin: 3.2rem 0 2.5rem 0;
	}

	.plan-still-container {
		height: auto;
		margin-top: 1.2rem;
		/* width: 660px; */
		max-width: 100%;
	}

	.plan-metadata {
		color: #737373;
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: .6rem;
		margin-top: .3rem;
	}

/* POST ELEMENTS -----------------------------------------------------------*/

	.po-cm-still-container {
		height: auto;
		padding-top: .5rem;
		max-width: 100%;
	}

	.po-cm-still-container img {
		height: auto;
		max-width: 100%;
	}

	.po-cm-middle-container {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		margin: 2rem 0 2rem 0;
	}

	#po-commentary-container {
		color: #333;
		font-family: sans-serif, Arial, Helvetica;
		font-size: 1.8rem;
		font-weight: normal;
		grid-area: po-commentary-container;
		line-height: 2.5rem;
		padding: 2rem .5rem;
	}

	#po-commentary-container a {
		color: #3378A1;/*desaturated medium blue*/
		font-size: 1.6rem;
	}

	#po-grid-container {
		color: #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

	#po-partners {
		border-bottom: 1px solid #CCC; /*light grey*/
		border-top: 1px solid #CCC;
	}

	.po-partners-link {
		color: #333;
		display: inline-block;
		font-size: 1.3rem;
		font-weight: bold;
		padding: .6rem .3rem;
	}

	#po-still-container {
		padding-left: .5rem;
		width: 660px;
	}

	#po-subject {
		color: #000;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 3.2rem;
		line-height: 3.5rem;
		padding-bottom: 1.6rem;
	}

	#po-subject-container {
		background-color: #FFF;
		border: 1px solid;
		border-bottom: 0;
		border-color: #D9D9D9;
		grid-area: po-subject-container;
		padding: .6rem;
	}

	#po-top-container {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		border-right: 0;
		border-top: 0;
		grid-area: po-top-container;
	}

/* SEARCH ELEMENTS -----------------------------------------------------------*/

	#sr-double-arrow {
		color: #142A80; /*0F1F5C mid-night blue*/
		float: left;
		font-size: 6.4rem;
		padding-top: 3.2rem;
	}

	#sr-double-arrow:visited {
		color: #A002A0;/*magenta*/
	}

	#sr-grid-container {
		color: #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

	#sr-msg-container {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		margin-bottom: 1.5rem;
		padding: 1.5rem 1.5rem 1.5rem 0;
		position: relative;
	}

	.sr-results-container-link {
		display: block;
	}

	.sr-results-container-link:hover {
		background-color: #D9D9D9; /*F2F2F2 F5F5F5 almost wht*/
		text-decoration: none;
	}

	#sr-search-for-terms {
		font-weight: normal;
	}

	#sr-side-top {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		grid-area: sr-side-top;
		height: 377px;
		margin-top: 1.5rem;
		padding-top: 2.0rem;
	}

	#sr-top-container {
		align-self: center;
		grid-area: sr-top-container;
	}

/* TERMS ELEMENTS -----------------------------------------------------------*/

	.terms-header {
		border-bottom: 1px solid #CCC; /*light grey*/
		margin: 2.0rem 0 2.5rem 0;
		padding-bottom: .5rem;
	}

/* USER ACCOUNT ELEMENTS -----------------------------------------------------*/

	.ua-msg-block {
		border-bottom: .1rem solid #CCC;
		display: block;
		overflow: hidden;
		padding: 0 .5rem .5rem .5rem;
	}

	.ua-msg-container {
		background-color: #FFF;
		border: 1px solid;
		border-color: #D9D9D9;
		margin-bottom: 1.5rem;
		padding: 1rem;
		position: relative;
	}

	.ua-msg-grid-container {
		grid-area: ua-msg-grid-container;
		margin-top: 1.5rem;
	}

	.ua-results-subject {
		color: #000;
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.6rem;
		font-weight: bold;
		margin: 0;
		padding-bottom: .4rem;
	}

	.ua-thumb {
		display: block;
		left: 0px;
		margin: 0px;
		position: absolute;
		top: 0px;
	}

	.ua-thumb-container {
		display: inline-block;
		float: left;
		height: 90px;
		line-height: 0px;
		margin-right: .8rem;
		position: relative;
		width: 160px;
	}

/* VALUES -----------------------------------------------------------*/

	.val-para-title {
		font-weight: bold;
		line-height: 2.1rem;
		margin: 4rem 0 1.8rem 0;
	}

/*###########################################################################*/
/* MEDIA QUERIES MAIN PAGE --------------------------------------------------*/


@media screen and (min-device-width: 981px) {
	.about-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header header header'
			'h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1'
			'. about-msg-container .'
			'footer footer footer';
		grid-template-columns: auto 900px auto;
		grid-template-rows: 85px 50px 80px 1fr auto;
	}

	#footer {
		width: 100vw;
	}

	#ma-grid-container {
		height: 100vh;
		display: grid;
		grid-template-areas:
			'header header header header'
			'h-date h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1 h-nav1'
			'. ma-subject-container ma-subject-container .'
			'. ma-purpose-top-container ma-side-top .'
			'. ua-msg-grid-container ma-side-bottom-container .'
			'footer footer footer footer';
		grid-template-columns: auto 670px 310px auto;
		grid-template-rows: 85px 50px 80px 1fr 410px 1fr auto; /*64*/
	}

	#ma-subject-container {
		max-height: 80px;
	}

	#po-grid-container {
		height: 100vh;
		display: grid;
		grid-template-areas:
			'header header header header'
			'h-date h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1 h-nav1'
			'. po-subject-container po-subject-container .'
			'. po-top-container ma-side-top .'
			'. po-commentary-container . .'
			'footer footer footer footer';
		grid-template-columns: auto 670px 310px auto;
		grid-template-rows: 85px 50px 80px 1fr 1fr 1fr auto;
	}

	#sr-grid-container {
		height: 100vh;
		display: grid;
		grid-gap: 15px;
		grid-template-areas:
			'header header header header'
			'h-date h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1 h-nav1'
			'. sr-top-container . .'
			'. ua-msg-grid-container sr-side-top .'
			'footer footer footer footer';
		grid-template-columns: auto 670px 290px auto;
		grid-template-rows: 85px 50px 80px 60px 1fr auto;
	}
}


@media screen and (min-device-width: 670px) and (max-device-width: 980px) {/* PADS ###################### */
	.about-grid-container {
		height: 100vh;
		display: grid;
		grid-template-areas:
			'header header header'
			'h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1'
			'. about-msg-container .'
			'footer footer footer';
		grid-template-columns: auto 670px auto;
		grid-template-rows: 85px 50px 80px 1fr auto;
	}

	.about-msg-container {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}

	.about-msg-container a {
		font-size: 1.4rem;
	}

	#footer {
		width: 100vw;
		font-size: 1.4rem;
	}

	#h-nav1 {
		grid-gap: 0px;
	}

	#ma-bottom-container {
		display: grid;
	}

	#ma-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header header header'
			'h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1'
			'. ma-subject-container .'
			'. ma-purpose-top-container .'
			'. ma-side-top-notice-responsive .'
			'. ua-msg-grid-container .'
			'. ma-bottom-container .'
			'footer footer footer';
		grid-template-columns: auto 670px auto;
		grid-template-rows: 85px 50px 80px 1fr 410px 100px 1fr 140px auto;
	}

	.ma-published-container {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	#ma-purpose-still-container img {
		height: auto;
		max-width: 99.7%;
	}

	#ma-purpose-top-container {
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
	}

	#ma-side-bottom-container {
		display: none;
	}

	#ma-side-top-notice {
		display: none;
	}

	#ma-side-top-notice-responsive {
		display: block;
	}

	#ma-subject {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}

	#navigation {
		display: none;
	}

	.plan-still-container {
		height: auto;
		margin-top: 1.2rem;
		max-width: 100%;
	}

	.po-cm-still-container {
		height: auto;
		max-width: 100%;
	}

	.po-cm-still-container img {
		height: auto;
		max-width: 100%;
	}

	#po-commentary-container {
		font-size: 1.4rem;
		line-height: 2.3rem;
	}

	#po-commentary-container a {
		color: #3378A1;
		font-size: 1.2rem;
	}

	#po-grid-container {
		height: 100vh;
		display: grid;
		grid-template-areas:
			'header header header'
			'h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1'
			'. po-subject-container .'
			'. po-top-container .'
			'. po-commentary-container .'
			'. ma-bottom-container .'
			'footer footer footer';
		grid-template-columns: auto 670px auto;
		grid-template-rows: 85px 50px 80px 1fr 1fr 1fr 140px auto;
	}

	#po-subject {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}

	#po-top-container {
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
	}

	#sr-grid-container {
		height: 100vh;
		display: grid;
		grid-template-areas:
			'header header header'
			'h-date h-date h-date'
			'h-nav1 h-nav1 h-nav1'
			'. sr-top-container .'
			'. ua-msg-grid-container .'
			'. ma-bottom-container .'
			'footer footer footer';
		grid-template-columns: auto 670px auto;
		grid-template-rows: 85px 50px 80px 60px 1fr 1fr auto;
	}

	#sr-side-top {
		display: none;
	}
}


@media screen and (min-device-width: 480px) and (max-device-width: 669px) { /* PHONES ################ */
	.about-grid-container {
		height: 100vh;
		width: 98vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'about-msg-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 1fr 1fr auto;
	}

	.about-msg-container {
		width: 98vw;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}

	.about-msg-container a {
		font-size: 1.2rem;
	}

	#footer {
		font-size: 1.2rem;
	}

	#h-nav1 {
		align-self: center;
		display: grid;
		grid-area: h-nav1;
		grid-gap: 0px;
		grid-template-areas:
			'h-about'
			'h-political-pos-responsive'
			'h-plan'
			'h-values'
			'h-principles';
		grid-template-columns: 100%;
		grid-template-rows: 48px 48px 48px 48px 48px;
		justify-self: center;
		margin: 3rem 0 3rem 0;
		width: 100%; /*not max-width */
	}

	#h-nav1 div {
		line-height: 2.4rem;
	}

	#h-about {grid-area: h-about;}
	#h-political-pos {display: none;} /*grid-area: political-pos;*/
	#h-political-pos-responsive {
		display: block;
		grid-area: h-political-pos-responsive;
	}
	#h-plan {grid-area: h-plan;}
	#h-values {grid-area: h-values;}
	#h-principles {grid-area: h-principles;}

	#ma-bottom-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-area: ma-bottom-container;
		grid-gap: 20px;
		grid-template-areas:
			'navigation-responsive'
			'nav-cat1'
			'nav-cat2'
			'nav-cat3-responsive'
			'nav-cat4'
			'nav-cat5'
			'nav-cat6'
			'nav-cat7'
			'nav-cat8'
			'nav-cat9'
			'nav-cat10-responsive';
		grid-template-columns: 1fr; /*134*/
		grid-template-rows: 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px;
		margin: 2.0rem 0;
	}

	#ma-bottom-container a {
		width: 100vw;
		align-items: center;
		display: grid;
		font-size: 1.6rem;
		height: 40px;
		justify-items: center;
	}

	#ma-bottom-container div { /*category links*/
		width: 100vw;
		background-color: #FFF;
		height: 40px;
	}

	#ma-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'ma-subject-container'
			'ma-purpose-top-container'
			'ma-side-top-notice-responsive'
			'ua-msg-grid-container'
			'ma-bottom-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 1fr 1fr 1fr 1fr 1fr 1fr auto;
	}

	.ma-published-container {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	#ma-purpose-still-container {
		height: auto;
		max-width: 100%;
	}

	#ma-purpose-still-container img {
		height: auto;
		max-width: 98.5%;
	}

	#ma-purpose-top-container {
		width: 100vw;
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
	}

	#ma-side-bottom-container {
		display: none;
	}

	#ma-side-top-notice {
		display: none;
	}

	#ma-side-top-notice-responsive {
		display: block;
		padding: 1rem 4rem;
	}

	#ma-subject {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}

	#nav-cat3 {
	 display: none;
	}

	#nav-cat10 {
	 display: none;
	}

	#nav-cat3-responsive {
		display: grid;
		grid-area: nav-cat3-responsive;
	}

	#nav-cat10-responsive {
		display: grid;
		grid-area: nav-cat10-responsive;
	}

	#navigation {
		display: none;
	}

	.plan-metadata {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	.plan-still-container {
		height: auto;
		max-width: 100%;
	}

	.plan-still-container img {
		height: auto;
		max-width: 100%;
	}

	#po-commentary-container {
		width: 98.5vw;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}

	#po-commentary-container a {
		color: #3378A1;
		font-size: 1.2rem;
	}

	#po-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'po-subject-container'
			'po-top-container'
			'po-commentary-container'
			'ma-bottom-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 1fr 1fr 1fr 1fr 1fr auto;
	}

	#po-still-container {
		height: auto;
		max-width: 100%;
	}

	#po-still-container img {
		height: auto;
		max-width: 98.5%;
	}

	#po-subject {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}

	#po-subject-container {
		width: 100vw;
	}

	#po-top-container {
		width: 100vw;
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
	}

	#sr-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'sr-top-container'
			'ua-msg-grid-container'
			'ma-bottom-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 1fr 60px 1fr 1fr auto;
	}

	#sr-side-top {
		display: none;
	}

	.ua-msg-author {
		display: none;
	}
}


@media screen and (max-width: 480px) { /*small phones ######################### */
	.about-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'about-msg-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 1fr 1fr auto;
	}

	.about-msg-container {
		width: 98vw;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}

	.about-msg-container a {
		font-size: 1.2rem;
	}

	#footer {
		font-size: 1.2rem;
	}

	#h-logo-link img {
		height: auto;
		max-width: 98%;
	}

	#h-nav1 {
		align-self: center;
		display: grid;
		grid-area: h-nav1;
		grid-gap: 0px;
		grid-template-areas:
			'h-about'
			'h-political-pos-responsive'
			'h-plan'
			'h-values'
			'h-principles';
		grid-template-columns: 100%;
		grid-template-rows: 48px 48px 48px 48px 48px;
		justify-self: center;
		margin: 2rem 0;
		width: 100%; /*not max-width */
	}

	#h-nav1 div {
		line-height: 2.4rem;
	}

	#h-about {grid-area: h-about;}
	#h-political-pos {display: none;} /*grid-area: political-pos;*/
	#h-political-pos-responsive {
		display: block;
		grid-area: h-political-pos-responsive;
	}
	#h-plan {grid-area: h-plan;}
	#h-values {grid-area: h-values;}
	#h-principles {grid-area: h-principles;}

	#ma-bottom-container {
		width: 100vw;
		display: grid;
		grid-area: ma-bottom-container;
		grid-gap: 20px;
		grid-template-areas:
			'navigation-responsive'
			'nav-cat1'
			'nav-cat2'
			'nav-cat3-responsive'
			'nav-cat4'
			'nav-cat5'
			'nav-cat6'
			'nav-cat7'
			'nav-cat8'
			'nav-cat9'
			'nav-cat10-responsive';
		grid-template-columns: 1fr; /*134*/
		grid-template-rows: 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px;
		margin: 2rem 0;
	}

	#ma-bottom-container a {
		width: 100vw; /*126px*/
		align-items: center;
		display: grid;
		font-size: 1.6rem;
		height: 40px;
		justify-items: center;
	}

	#ma-bottom-container div { /*category links*/
		width: 100vw; /*126px*/
		background-color: #FFF;
		height: 40px;
	}

	#ma-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'ma-subject-container'
			'ma-purpose-top-container'
			'ma-side-top-notice-responsive'
			'ua-msg-grid-container'
			'ma-bottom-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 270px 1fr 1fr 1fr 1fr 1fr auto;
	}

	#ma-commentary-container {
		display: none;
	}

	.ma-published-container {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	#ma-purpose-still-container {
		height: auto;
		max-width: 100%;
	}

	#ma-purpose-still-container img {
		height: auto;
		max-width: 98.5%;
	}

	#ma-purpose-top-container {
		width: 100vw;
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
	}

	#ma-side-bottom-container {
		display: none;
	}

	#ma-side-top-notice {
		display: none;
	}

	#ma-side-top-notice-responsive {
		display: block;
		padding: 1rem;
	}

	#ma-subject {
		font-size: 1.8rem;
		line-height: 2.2rem;
	}

	#navigation {
		display: none;
	}

	#nav-cat3 {
	 display: none;
	}

	#nav-cat10 {
	 display: none;
	}

	#nav-cat3-responsive {
		display: grid;
		grid-area: nav-cat3-responsive;
	}

	#nav-cat10-responsive {
		display: grid;
		grid-area: nav-cat10-responsive;
	}

	.plan-metadata {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}

	.plan-still-container {
		height: auto;
		max-width: 100%;
	}

	.plan-still-container img {
		height: auto;
		max-width: 100%;
	}

	#po-commentary-container {
		width: 98.5vw;
		font-size: 1.4rem;
		line-height: 2.3rem;
		padding-right: .625rem;
	}

	#po-commentary-container a {
		color: #3378A1;
		font-size: 1.2rem;
	}

	#po-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'po-subject-container'
			'po-top-container'
			'po-commentary-container'
			'ma-bottom-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 270px 1fr 1fr 1fr 1fr auto;
	}

	#po-still-container {
		height: auto;
		max-width: 100%;
	}

	#po-still-container img {
		height: auto;
		max-width: 97.5%;
	}

	#po-subject {
		font-size: 1.6rem;
		line-height: 2.0rem;
	}

	#po-subject-container {
		width: 100vw;
	}

	#po-top-container {
		width: 100vw;
		border: 1px solid;
		border-color: #D9D9D9;
		border-top: 0;
	}

	#sr-grid-container {
		height: 100vh;
		width: 100vw;
		display: grid;
		grid-template-areas:
			'header'
			'h-date'
			'h-nav1'
			'sr-top-container'
			'ua-msg-grid-container'
			'ma-bottom-container'
			'footer';
		grid-template-columns: 1fr;
		grid-template-rows: 85px 50px 270px 60px 1fr 1fr auto;
	}

	#sr-side-top {
		display: none;
	}

	.ua-msg-author {
		display: none;
	}
}