#headerMenu
{
	display: flex;
	flex-direction: row;
 	width: 100%;
	height: 75px;
	background: #68a0b0;
	margin: 0px;
	padding: 0px;
	align-items: center;
}

.ButtonBorder
{
	height: 40%;
	width: 1px;
	background: #EDEADE;
	padding: 0px;
	margin: 0px;
}

.MenuBottom
{
	display: flex;
	height: 100%;
	border: none;
	width: 150px;
	background: #68a0b0;
	color: #EDEADE;
	position: relative;
	z-index: 10;
}

.MenuBottom:hover div
{
	width: 100%;
}

.MenuBottom div
{
	z-index: 50;
	background: red;
	width: 0%;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	height: 100%;
	transition: width 0.5s;
}

.menuButtonText
{
	z-index: 55;
	width: 100%;
	position: relative;
	align-self: center;
	text-align: center;
}