@media (max-width: 599px) {

	header .header-top .img-container {
		justify-self: center;
		padding: 0;
	}

	header .header-link-container a {
		margin: 0 1em 0;
	}

}

@media (max-width: 767px) {

	header .header-top__links .header-top__link {
		margin-right: 3.5vw;
		font-size: 3vw;
		margin: auto;
	}

	.header-menu__link {
		font-size: 3.5vw;
		line-height: 5vw;
	}

	header .header-top img {
		margin: auto !important;
	}

	header .header-top .img-container {
		justify-content: center;
        margin-top: 0.5em;
	}

}

@media (max-width: 1024px) {

	header {
		margin-top: 0;
        position: relative;
	}

	header .header-top__links .header-top__link::before {
		width: 9vw;
		height: 16vw;
	}

	header .header-menu .header-menu__links {
		flex-flow: column;
		justify-content: end;
		align-items: end;
		gap: 7px;
		padding: 20px 25px;
	}

	header .header-top img {
		margin-right: 5vw;
		max-width: 220px;
		transform: translateY(0);
		height: 100%;
		top: 0;
	}

	header .header-top__links .header-top__link {
		margin-right: 2.5vw;
		font-size: 3vw;
	}


	header .header-top__links .header-top__link.shop::before {
		width: 70px;
	}

	header .header-top__links .header-top__link.scrolled::before {
		width: 50px;
		height: 40px;
	}

	header .header-top__links {
		overflow: hidden;
		width: 60vw;
		justify-content: end;
	}

	.header-menu__link {
		font-size: 3.5vw;
		line-height: 5vw;
	}

	header.scrolled .header-top__links .header-top__link {
		flex-flow: column;
	}
}

@media (min-width: 600px) {

	header .header-top {
		grid-template-columns: repeat(2, 1fr);
	}

	header .header-link-container {
		justify-self: end;
	}

}


@media (min-width: 768px) {

	header .header-top {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (min-width: 768px) and (max-width: 1024px) {
	header .header-top img {
		margin-left: 5vw;
		width: 30vw;
	}

	header .header-top__links .header-top__link::before {
		width: 9vw;
		height: 8vw;
	}

	header .header-top__links .header-top__link {
		margin-right: 1vw;
		font-size: 1.5vw;
	}

	.header-menu__link {
		font-size: 2vw;
		line-height: 4vw;
		transition: all .4s ease-in-out;
	}

	header .header-top__links {

		transition: all .4s ease-in-out;
	}

	header .header-top__links .header-top__link {
		transition: all .4s ease-in-out;
		flex-flow: column;
	}

}