.search__headercontainer {
	display: none;
	@media screen and ( min-width: $nav_breakpoint ) {
		display: block;
	}
	margin-top: -0.5rem;
}

.search__headercontainer--hero {
	margin-top: 6rem;
}

#searchmenu {
	display: block;
	@media screen and ( min-width: $nav_breakpoint ) {
		display: none;
	}
}

.search__searchbox {
	margin-bottom: 1rem;
}

.search__headercontainer {
	display: none;
	@media screen and ( min-width: $nav_breakpoint ) {
		display: block;
	}
	margin-top: -0.5rem;
}

.search__headercontainer--hero {
	margin-top: 6rem;
}

#searchmenu {
	display: block;
	@media screen and ( min-width: $nav_breakpoint ) {
		display: none;
	}
	border-bottom: .5rem solid #45c2f0;
  position: absolute;
  width: 100%;
  z-index: 200;
}

.search__searchbox {
	margin-bottom: 1rem;
}

Use absolute positioning to slide over
Use absolute positioning to slide over
