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

	.main_wrap
	{
		width: 98vw;
	}

	.main_wrap_content
	{
		font-size: 0.9rem;
	}

	#armylogo
	{
		width: 100%;
		height:auto;
	}

	#armylogo img
	{
		width: 95%;
		height: auto;
	}

	h2
	{
		font-size: 1.2em;
	}

	h3
	{
		font-size: 1.1em;
	}

	#troops
	{
		padding-left: 0.5rem;
	}

	input[type="number"]
	{
		min-width: 0;
	}

	.troops form
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.troops .field
	{
		margin-bottom: 0.3rem;
	}

	.training_form
	{
		flex-direction: column;
	}

	.training_form .field
	{
		margin-bottom: 0.3rem;
	}

	.unit_production_form
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	#units
	{
		padding-left: 0.5rem;
	}

	.unit
	{
		overflow-x: scroll;
	}

	.unit .icon
	{
		display: none;
	}

	.unit .level .amount
	{
		width: auto;
	}

	.unit_production_form .field
	{
		margin-bottom: 0.3rem;
	}

	.prodline .assets
	{
		display: block;
	}

	.prodline .assets .asset
	{
		display: inline-block;
	}
}