.topnav {
	/*background-color: #333; */
	overflow: hidden;

}

/* Style the links inside the navigation bar */
.topnav a {
	text-decoration: none;
	color: grey;
	padding: 10px;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
	display: none;
	grid-area: leftTop;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #DDDDDD;
	border-width: 0px;
	border-radius: 10px;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	margin-top: 10px;
}

.dropdown-content a {
	float: none;
	display: block;
	text-align: left;
	text-decoration: none;
	color: grey;
	padding: 10px;
	padding-top: 15px;				

}

.dropdown-content a:hover {
	/* text-decoration: underline; */
	border-left-style: solid;
	border-right-style: solid;
}

/* 
.dropdown:hover .dropdown-content {
	display: block;
}
*/

.nonblock {
	text-decoration: none;
	padding-left: 20px;
	color: grey;
}

.links {
	display: none;
}

.btnControl {
	font-family: 'Newsreader', serif;	

	border:  none;
	background-color: ghostwhite;	
	cursor: pointer;
}

.btnControl:hover {
	background-color: silver;
}

nav a {
	color: grey;
	padding: 10px;
	padding-top: 15px;
	text-decoration: none;			
}
main {
	grid-area: "bodyStuff";
	display: grid;
	grid-template-columns: 250px 1fr;
}

body {
	font-family: 'Newsreader', serif;	
	line-height: 1.5rem;
	margin: 40px;
	margin-top: 10px;
	max-width: 1000px;
	display: grid;
	grid-template-rows: 80px 80px 1fr;
	grid-template-columns: 1fr;
	grid-template-areas:
		"topHeader"
		"navHeader"
		"bodyStuff";
}

.links {
	/* padding-top: 10px; */
	font-size: 0.9em;
	justify-self: left;
	padding-left: 2rem;
	padding-top: 0rem;
	width: 80%;
	/* grid-area: topNav; */
}

.topHeader {
	grid-area: topHeader;
	display: grid;
	grid-template-columns: 10% 1fr 20%;
	grid-template-areas:
		"leftTop middleTop rightTop";

}

.middleTop {
	grid-area: middleTop;
	justify-self: center;
	font-size: 1.2em;
}

.rightTop {
	grid-area: rightTop;
	justify-self: right;
	padding-top: 0px;
	font-size: .85em;			
}
.navHeader {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 125px 1fr;
	grid-template-areas: 
		"partnerLink"
		"topNav";

}

.partnerLink {
	grid-area: partnerLink;
}

@media (max-width: 610px) {
	body {
		margin: 10px;
		margin-top: 5px;	
	}				

	.linkrow {
		font-size: 20px;
		display: none !important;
	}

	.dropdown {
		display: block;
	}
	.headshot {
		padding-top:1rem;
		width: 120px;
		height: 120px;
	}

	main {
		grid-area: "bodyStuff";
		display: grid;
		grid-template-columns: 125px 1fr;
	}	
}

@media (min-width: 611px) {
	body {
		margin: 70px;
		margin-top: 10px;
	}
	.links {
		display: block;
	}

	.dropdown {
		display: none;
	}

}