#languages-container
{
    display: none;
}

#language-to-chose
{
	background-image: url('../img/languages/bg.png');
	width: 100%;
	position: absolute;
	z-index: 10;
}

#shields-container > img
{
	max-width: 300px;
	margin: auto;
	cursor: pointer;
}

@media all and (min-width:900px)
{
	#language-to-chose
	{
		height: 100%;
		background-size: contain;
	}
	
	#language-to-chose h1
	{
		font-size: 75px;
	}

	#shields-container
	{
		margin-top: 150px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	#language-to-chose > img
	{
		width: 20%;
	}
}

@media all and (max-width:900px)
{
	#language-to-chose
	{
		background-size: cover;
	}

	#shields-container
	{
		display: -ms-grid;
		display: grid;
	}

	#shields-container > img
	{
		width: 250px;
		margin-bottom: 50px;
	}
}