.header {
	width: 100%
}

.header>* {
	display: none
}

.header__mobile-inner {
	display: flex;
	align-items: center;
	width: 90%;
	height: 3em;
	margin: 0 auto
}

.header__mobile-logo {
	width: auto;
	height: 80%;
	margin: 0 auto
}

.header__mobile-logo2 {
	width: auto;
	height: 50%;
	margin: 0 auto
}

.header__mobile-nav {
		display: block;
		width: 100%;
		height: 0.01em;
		border-top: 2px solid #dd3333
}
	
#puzzle-portal .portal-main .main-games {
    padding: 0 0;
}
	
@media screen and (min-width: 750px) {
	.header__mobile-inner {
		display: none;
	}
	.header__mobile-nav {
		display: none;
	}
	.header__top {
		position: relative;
		display: flex;
		justify-content: center;
		width: 95%;
		align-items: center;
		max-width: 75em;
		margin: 0 auto;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.header__logo {
		cursor: pointer;
		width: 30%;
		height: auto;
		max-width: 201px;
	}
	.header__logo2 {
		width: 30%;
		height: auto;
		max-width: 201px;
		margin-left: 47%;
	}
	.header__nav {
		display: block;
		width: 100%;
		height: 1.5em;
		border-top: 2px solid #dd3333
	}
	.header__nav-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 95%;
		height: 100%;
		max-width: 75em;
		margin: 0 auto
	}
	.header__nav-item {
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		color: #000;
		font-size: 0.8em
	}
	.header__nav-item--active {
		background-color: #88baff
	}
}