#mobileheader
{
	display: none;
    background: #2980b9;
    color: #fff;
    padding: .4045em .809em;
    position: relative;
    line-height: 50px;
    text-align: center;
    font-size: 100%;
}

#mobileheader a
{
	color: #fff;
	font-weight: 700;
	flex: 1;
}

#mobileheader .menu
{
	font-size: 30px;
	float: left;
	cursor: pointer;
}

/*@media only screen and (max-width: 42em)*/
@media (max-width: 42em)
{

	#mobileheader
	{
		display: flex;
		align-items: center;
	}

	#mobileheader #btn-mobilemenu
	{
		cursor:pointer;
		position: relative;
		width: 30px;
		height: 30px;
	}

	#mobileheader #btn-mobilemenu .icon-menu
	{
		position: absolute;
		top: 3px;
		left: 0;
	}

	#mobileheader #btn-mobilemenu .icon-menu:before{
		background:#fff;
		border-radius:2px;
		box-shadow:0 10px #fff, 0 20px #fff;
		content:'';
		display:block;
		height:5px;
		width:30px;
		-webkit-box-shadow:0 10px #fff, 0 20px #fff;
	}

	#mobileheader #btn-mobilemenu i {
		font-size: 30px;
		position: absolute;
		top: 0;
		left: 0;
	}

}