.site-header {
	background-color: var(--main-color);
	padding: 18px var(--container-header-padding-horizontal);
	line-height: 1;
	text-align: center;
	position: relative;
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: var(--container-header-max-width);
	margin: auto;
	
}

.site-header__logo img {
	width: 140px;
	height: auto;
}

.site-header__col--menu {
	display: none;
}

@media (min-width: 1024px) {
	.site-header__logo img {
		width: 19.2rem;
	}
}

@media (min-width: 1024px) {
	.site-header__col--open-nav {
		display: none;
	}

	.site-header__col--menu {
        display: block;
    }
}

@media (min-width: 1600px) {
	.site-header__logo img {
	}
}

@media (min-width: 1601px) {
	.site-header__inner {
		max-width: var(--container-max-width);
		padding: 0 var(--container-padding-horizontal)
	}
}