@media screen and (max-width: 800px)
{
	.header-menu{
		font-size: 1rem;
		}
}


@media screen and (max-width: 770px)
{
	.header-menu{
		font-size: 0.85rem;
		}
}


@media screen and (max-width: 730px)
{
	.header-menu{
		width: 50px;
		}

	.header-menu-in{
		width: 200px;
		font-size: 1.3rem;
		line-height: 180%;
		position: absolute;
		margin-left: -60px;
		margin-top: 40px;
		background-color: var(--color-projects-bg);
		border: 1px solid #344258;
		display: none;
		padding: 0;
		}

	.header-menu-in a{
		border-bottom: 1px solid #344258;
		margin: auto 5px auto 5px;
		padding: 5px 10px 5px 10px;
		}

	.header-langs-in{
		border: none;
		}

	.header-menu-hbg{
		display: block;
		}
}




@media screen and (max-width: 430px)
{
	.header-langs-in{
		padding-left: 10px;
		}

	.header-langs a{
		padding-left: 5px;
		padding-right: 5px;
		}
}


@media screen and (max-width: 410px)
{
	header .header-logo{
		font-size: 1.25rem;
		/*max-width: 215px;*/
		}
}


@media screen and (max-width: 380px)
{
	header .header-logo{
		font-size: 1.15rem;
		/*max-width: 200px;*/
		}

	.header-menu-hbg{
		width: 35px;
		}

	.header-menu-hbg div{
		width: 28px;
		}

	.header-menu-hbg span{
		width: 22px;
		}
}


@media screen and (max-width: 355px)
{
	header .header-logo{
		font-size: 1.0rem;
		}
}


@media screen and (max-width: 340px)
{
	header .header-logo{
		font-size: 0.85rem;
		}
}