body {
	font-style: sans-serif !important;
}

@media (max-width:1090px) {

	#trainings,
	#search,
	#about,
	#use,
	#assessment,
	#learning,
	#resources,
	#connect,
	#workforceDropdown,
	.headerFlex,
	#workforceDropdown2 {
		display: none !important;
	}

}

@media (min-width:1091px) {

	#trainings,
	#about,
	#use,
	#assessment,
	#resources,
	#connect,
	#learning,
	#search,
	#workforceDropdown,
	#workforceDropdown2 {
		display: none;
	}

	.topLink {
		/*			font-size: 16px;*/
	}

	input[type=checkbox]:checked ~ #menu {
		display: flex !important;
	}

	.show {
		display: flex !important;
		justify-content: flex-start;
		padding-left: 0 !important;
		flex-wrap: wrap !important;
		align-items: flex-end;
	}

	.show li {
		margin-right: .5rem;
	}

	.show h3 {
		margin-right: .5rem;
		margin-bottom: 0 !important;
	}

	.show li a {
		font-weight: 600;
	}

	.mega-menu {
		background: rgba(211, 211, 211, 1);
		position: absolute;
		width: 100%;
		z-index: 1000;
	}

	.mega-menu .container {
		padding: 1rem 2rem;
	}

	.ulContainer {
		display: flex;
	}

	.ulContainer ul {
		margin-right: 3rem;
	}

	.ulContainer div {
		margin-right: 6rem;
	}

	.ulContainer h4 {
		line-height: 1.5rem;
	}

	.flyout {
		width: 250px;
	}

	.flyout ul {
		list-style-type: circle;
		padding: 0;
	}

	.flyout ul li {
		margin-left: 0;
	}

	.flyout .container {
		padding: 0;
	}

	nav #menu {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	#menu > div > li {
		padding: 0 1rem;
	}

	/*nav ul li a {
		 		font-size: 17px;
		 	}

		 @media (max-width:1350px) {
		 	.ulContainer {
		 		flex-wrap: wrap;
		 	}
		 }

		 @media (max-width: 1400px) {
		 	nav ul li a {
		 		font-size: 16px;
		 	}
		 }

		 @media (max-width: 1350px) {
		 	nav ul li a {
		 		font-size: 14px;
		 	}
		 }

		 @media (max-width: 1235px) {
		 	nav ul li a {
		 		font-size: 13px;
		 	}
		 }

		 @media (max-width: 1180px) {
		 	nav ul li a {
		 		font-size: 11px;
		 	}
		 }*/

}
