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

	.container{
		grid-template-rows: minmax(auto, 196px) auto minmax(auto, 176px);
	}

	.fiftyFifty{
	display: grid;
	grid-template-areas: "fiftyA fiftyB";
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 4em;
	}

	.hiddenForMobile-td, .zkl td.hiddenForMobile-td{
		display: table-cell;
	}

	.hiddenForMobile, .zkl td.hiddenForMobile{
		display: block;
	}

	header{
		grid-area: header;
		display: grid;
		grid-template-areas: "logo search"
							"logo search"
							"nav nav";
		grid-template-rows: auto auto auto;
		/*grid-template-columns: 1fr 6fr;*/
		grid-template-columns: 183px auto;
		/*background: green;*/
		/*align-items: end;*/
		padding: 20px 40px;
	}

	.logo{
		grid-area: logo;
	}

	nav.mobileNav{
		display: none;
	}


	nav.headerNav{
		display: block;
		position: relative;
		grid-area: nav;
		display: grid;
		grid-template-areas: "links";
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		align-items: end;
	}

	.mobileMenuButton{
		display: none;
	}

	.links{
		grid-area: links;
		text-align: center;
	}

	.links ul{
		padding: 0;
		margin-bottom: 0;
	}

	.links ul li{
		display: inline;
		text-decoration: none;
		margin-right: 0;
		padding: 0 10px;
		color: #ffffff;
		font-size: 1.125em;
	}


	.links ul li a{
		padding-bottom: 2px;
		border-bottom: 1px solid rgba(255, 255, 255, 0);
		transition: .3s ease-in-out;
	}

	.headerNav .links a, .secondaryNav .links a{
		color: var(--globalPurple);
	}

	nav .links ul li a:hover{
		border-color: rgba(129, 19, 140, 1);
	}

	footer .links ul li a:hover{
		border-color: rgba(255, 255, 255, 1);
	}

	nav{ /* Needed to position the searchform properly */
		position: relative;
	}

	.searchForm{
		grid-area: search;
		background: #fff;
		padding-right: 15px;
	}
	
	nav.secondaryNav{
		grid-area: search;
		text-align: right;
		display: grid;
		align-items: end;
    	font-size: .875em;
	}

	.searchButton{
		grid-area: searchButton;
	}

}