.header__nav {
	display: block;
	text-align: right;
/*	width: 100%; */
}
.header__nav > * {
	display: inline-block;
}

.header__logo-link {
	float: left;
}

.header__menu {
	display: inline-block;
}
div#myNav {
	background-color: #0098d4 !important;
}

@media(max-width: 1249px) {

	.header__menu {
		/* display: none; */
	}
}

.header__nav {
    background-color: #0098d4;
    box-sizing: border-box;
    padding: 15px;
    margin: 0px;
    pointer-events: all;
}


#myNav {
	display: none;
	height: auto;
	width: auto;
	padding-right: 30px;
	background: red;
	background-color: #0098d4;
}

.header__open-nav-button {
	display: inline-block;
	padding-top: 2px;
	height: auto;
	box-sizing: border-box;
	margin-left: 26px;
}

.header__open-nav-button:focus {
	outline: none;
}

.header__open-nav-button:focus div#myNav,
.isOlderThanIE8 .header__open-nav-button:hover div#myNav,
div#myNav:focus,
div#myNav:hover {
	display: block;
}

.header__close-nav-button {
	/* display: none !important; */
}


.header__menu-item,
.header__log-in-button {
	display: inline-block;
	margin-left: 24px;
}

#myNav {
	outline: none;
	background-color: red !important;
	min-height: 100px;
	border-bottom-color: black !important;

    max-height: calc(100vh - 100px);
    overflow: auto;
    margin-right: -30px;
}

.header__overlay {
	top: 48px;
}