/*** /css/header_responsive.css ***/
@media screen and (min-width: 340px)
{
	.header-logo > div:nth-of-type(2){
		font-size: 1rem;
		}
}



@media screen and (min-width: 355px)
{
	.header-logo > div:nth-of-type(2){
		font-size: 1.15rem;
		}
}



@media screen and (min-width: 380px)
{


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

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

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

@media screen and (min-width: 410px)
{
	.header-logo > div:nth-of-type(2){
		font-size: 1.55rem;
		}
}

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

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



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

	.header-menu-in{
		width: auto;
		display: flex;

		line-height: 100%; /*?*/
		position: static;
		margin: auto;
		background-color: none;
		border: none;
		padding-right: 15px;
		font-size: 0.85rem;
		}

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

	.header-menu-list-view{
		display: none;
		}

	.header-menu-in a{
		border: none;
		}

	.header-langs-in{
		border-left: 1px solid rgb(51,65,85);
		}
}


@media screen and (min-width: 770px)
{
	.header-menu-in{
		font-size: 1rem;
		padding-right: 25px;
		}
}


/*** /css/home_responsive.css ***/
@media screen and (max-width: 635px)
{
	.home h1{
		font-size: clamp(2.0rem, 9.9cqw, 4.0rem);
		}

	.home h1 b{
		display: block;
		}
}

@media screen and (max-width: 440px)
{
	.home-de b{
		font-size: clamp(2.0rem, 6.5cqw, 3.0rem);
		}

	.home-de span{
		display: block;
		font-size: clamp(1.0rem, 6.5cqw, 3.0rem);
		}
}



/*** /css/projects_responsive.css ***/
@media screen and (max-width: 490px)
{
	.projects-list{
		display: block;
		}

	.project{
		width: 80%;
		}
}


@media screen and (max-width: 440px)
{
	.project{
		width: 95%;
		}
}



@media screen and (max-width: 380px)
{

}


/*** /css/shoptet_responsive.css ***/

@media screen and (max-width: 825px)
{
	.shoptet h3 br{
		display: block;
		}
}



@media screen and (max-width: 780px)
{
	.shoptet-cols{
		flex-wrap: wrap;
		}

	.shoptet-col{
		width: 47%;
		}

	.shoptet-cols .shoptet-col:nth-of-type(3){
		width: 50%;
		margin: 30px auto auto;
		}

	.shoptet-examples{
		width: 90%;
		}
}



@media screen and (max-width: 525px)
{
	.shoptet-col{
		width: 90%;
		margin: 30px auto auto;
		}

	.shoptet-cols .shoptet-col:nth-of-type(3){
		width: 90%;
		}
}



@media screen and (max-width: 485px)
{
	.shoptet h3{
		font-size: clamp(1.4rem, 8.0cqw, 2.25rem);
		}
}



@media screen and (max-width: 390px)
{
	.shoptet h4{
		font-size: 1.35rem;
		}
}


/*** /css/skills_responsive.css ***/
@media screen and (max-width: 850px)
{
	.skills-list{
		gap: 2rem 2rem;
		}
}


@media screen and (max-width: 520px)
{
	.skills-list{
		gap: 1.5rem 1.5rem;
		}
}


@media screen and (max-width: 380px)
{
	.skills-list{
		gap: 1.0rem 1.0rem;
		}
}


@media screen and (max-width: 365px)
{
	.skills-list{
		gap: 0.7rem 0.7rem;
		}
}


/*** /css/footer_responsive.css ***/
@media screen and (max-width: 680px)
{
	.footer-in{
		display: block;
		}

	.footer-contact{
		padding-left: 20px;
		}

}