@media (max-width: 800px) {
	main
	{
		padding-top: 4em;
	}

	.main_wrap
	{
		width: 98vw;
	}

	h2
	{
		font-size: 1.3em;
	}

	h3
	{
		padding-left: 0;
		width: 100%;
		text-align: center;
	}

	.tech
	{
		flex-direction: column;
		padding-left: 0;
		width: 100%;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;

		overflow-x: hidden;
	}

	.tech .logo
	{
		display: none;
	}

	.tech .infos
	{
		width: 100%;
		padding-left: 0;
	}

	.effect, .prerequisites
	{
		padding-left: 0.5rem;
	}

	.tech .progress
	{
		width: 100%;
	}

	.progress_bar
	{
		width: 90%;
	}

	.achieved
	{
		font-size: 0.9rem;
	}

	.assets
	{
		width: 100%;
		padding-top: 1rem;
		padding-left: 0;

		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}