/*HEADER - SELECTION GUIDE BUTTON*/

	header #header-menu .center #header-holder #header-guide {
		flex-shrink: 0;
		margin-top: -4px; /*centres the button on the menu text line*/
		font-family: "Raleway", sans-serif;
		font-size: 10pt;
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: uppercase;
		white-space: nowrap;
		color: #fff;
		background: #af820f;
		border: 1px solid #af820f;
		padding: 8px 16px;
		transition: .25s ease-out;
	}

	header #header-menu .center #header-holder #header-guide:hover,
	header #header-menu .center #header-holder #header-guide:focus {
		background: transparent;
		color: #af820f;
		transition: .25s ease-in;
	}

	/*Let the menu items share the space left after the button, instead of fixed 20% widths*/

	header #header-menu .center #header-holder .header-menuitem {
		width: auto;
		flex: 1 1 auto;
	}

	header #header-menu .center #header-holder #header-social {
		width: auto;
		flex-shrink: 0;
	}

	/*Smaller laptops: shrink the logo a little so the menu has room for the button*/

	@media (min-width: 1001px) and (max-width: 1200px) {

		header #header-menu .center #header-logo {
			width: 250px;
		}

		header #header-menu .center #header-holder {
			width: calc(100% - 250px);
		}

	}

	/*Tablet & mobile: the burger menu takes over, so the guide link lives in the modal menu*/

	@media (max-width: 1000px) {

		header #header-menu .center #header-holder #header-guide {
			display: none;
		}

	}