@media print {    
    .topnav {
        display: none !important;
    }
}

.topnav {
	position: fixed;
	top: 0px;
	width: 100%;
	min-height: 70px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.topnavCentre {
	overflow: hidden;
	max-width: 1200px;
	padding-right: 16px;
	margin: 0px auto;
}

.topnav .container {
	float: left;
	display: block;
	color: #fff;
	border: 1px solid transparent;
	padding: 14px 14px;
	margin-bottom: 4px;
	text-decoration: none;
	font-size: 17px;
	/*font-size: 14px;*/ /*NEW*/
	line-height: 1;
}

.topnav .title {
	font-family: BTFont_Lt,Calibri,Verdana,sans-serif;
	/*font-family: 'Century Gothic',Arial,sans-serif;*/
	/*font-family: 'GT Walsheim Light','Century Gothic',Arial,sans-serif;*/
	padding-top: 22px;
	font-size: 24px;
	/*font-size: 19px;*/ /*NEW*/
	height: 64px;
}

.topnav .menuItem {
	font-family: BTFont_Rg,Calibri,Verdana,sans-serif;
	/*font-family: 'Century Gothic',Arial,sans-serif;*/
	/*font-family: 'GT Walsheim Regular','Century Gothic',Arial,sans-serif;*/
}

.topnav .menuItem.active {
	font-family: BTFont_Bd,Calibri,Verdana,sans-serif;
	/*font-family: 'Century Gothic Bold','Arial Bold',sans-serif;*/
	/*font-family: 'GT Walsheim Bold','Century Gothic Bold','Arial Bold',sans-serif;*/
	border-bottom: 1px solid #fff;
}

.topnav .hamburger {
	display: none;
}

.topnav .align {
	float: right;
}

.topnav .dropdown {
	float: left;
}

.topnav .dropdown .dropdownHeading {
	float: none;
}

.topnav .dropdown:hover .dropdownItems {
	display: block;
}

.topnav .dropdownItems {
	display: none;
	position: absolute;
	font-family: BTFont_Lt,Calibri,Verdana,sans-serif;
	/*font-family: 'Century Gothic',Arial,sans-serif;*/
	/*font-family: 'GT Walsheim Light','Century Gothic',Arial,sans-serif;*/
}

.topnav .dropdownItems .container {
	float: none;
}

.topnav .dropdownItems .container:hover {
	text-decoration: underline;
}

/* Make the menu items a bit smaller on small desktop so they all fit */
@media screen and (max-width: 750px) and (min-width: 601px) {
	.topnav .menuItem {
		font-size: 0.9em;
		/*font-size: 0.75em;*/ /*NEW*/
		padding: 14px 8px;
	}
	.topnav .dropdownItems a {
		font-size: 0.9em;
		/*font-size: 0.75em;*/ /*NEW*/
	}
}

/* Mobile-specific */
@media screen and (max-width: 600px) {
	.topnav {
		position: relative; /* Not static, so drop-shadow shows if element below is solid */
	}
	
	.topnav .menuItem, .topnav .hamburger {
		display: none;
	}
	
	.topnav .menuItem:hover {
		text-decoration: underline;
	}

	.topnav .hamburger {
		padding-top: 22px;
		float: right;
		display: block;
		color: #fff;
	}

	/* Disable line breaks (<br>) to prevent the menu items' text going onto multiple lines in mobile view */
	.topnav br {
		display: none;
	}

	.topnav .hamburgerOpen {
		position: relative;
	}

	/* Position the hamburger icon */
	.topnav .hamburgerOpen .hamburger {
		position: absolute;
		right: 16px;
		top: 0;
	}

	/* Switch off floating so items take up full width */
	.topnav .hamburgerOpen .container {
		float: none;
		display: block;
		text-align: left;
	}
	
	/* Switch off right-align */
	.topnav .hamburgerOpen .align {
		float: none;
	}
	
	/* Switch off floating so headings take up full width */
	.topnav .dropdown {
		float: none;
	}
	/* Switch off absolute for subitems so they don't overlay items below */
	.topnav .dropdownItems {
		position: static;
	}
	/* Indent and always display the subitems */
	.topnav .hamburgerOpen .dropdownItems {
		padding-left: 30px;
		display: block;
	}
}

/* Desktop-specific */
@media screen and (min-width: 601px) {
	/* On desktop, the menu is fixed. On mobile, it's not.  This element prevents the rest of the page content getting hidden behind the fixed menu on desktop only and isn't needed on mobile devices */
	.topnavSpace {
		height: 70px;
	}
	
	.topnav .menuItem:hover {
		border-bottom: 1px solid #fff;
	}

	.topnav .dropdownItems {
		box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.2);
	}
}