@charset "utf-8";
/* CSS for one column people, headshot and text, varied text length */
		.peopleWrapper {
			display: grid;
			grid-template-columns: 1fr 5fr;
			grid-template-areas: 
				"headshot description";
     		border-bottom: .7px dotted #0a7dcb;
     		margin: 0 auto 0 auto;
     		padding: 0 0 .7em 0;
     		gap: 1em;
			background-color:transparent; 
			}
			.peopleWrapper>.box4grid.headshot img {object-fit:scale-down;}
			.box4grid {
			padding: 0 0 .5em 0;
			text-align: left;
		 }
			
		.thin-blue-top {
			border-top: .5px dotted #0a7dcb;
			background-color: transparent;
			width: 100%;} /*dotted line divider */
			
		/*widest */ @media screen and (max-width: 1680px) {
			.headshot img {width: 180px; height:auto;}
			}
		/*normal */ @media screen and (max-width: 1280px) {
			.headshot img {width: 160px; height:auto;}
			}
		/*normal 1000 */ @media screen and (max-width: 1000px) {
			.headshot img {width: 150px; height:auto;}
			}
		/*mobile 840 */	@media screen and (max-width: 840px) {
			.headshot img {width: 140px; height:auto;}
			}
		/*mobile 736 */ @media screen and (max-width: 736px) {
			.headshot img {width: 130px; height:auto;}
			}
		/* Mobile 620 */ @media screen and (max-width: 620px) {
			.headshot img {width: 120px; height:auto;}
			}
		/*mobile 480 */	@media screen and (max-width: 480px) {
			.headshot img {width: 90px; height:auto;}
			}
		/*mobile 367 */  @media screen and (max-width: 367px) {
			.headshot img {width: 80px; height:auto;}
			}
		/*mobile 320 */ @media screen and (max-width: 320px) {
			.headshot img {width: 70px; height:auto;}
			}