@media all 
{

	.ceranoHtml .ikony-popis
	{
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}

	.ceranoHtml .ikony-popis .ikona
	{
		background-color: #ecedf288;
		border: 1px solid #cfd1da;
		border-radius: 10px;
		padding: 30px;
		text-align: center;
	}

	.ceranoHtml .ikony-popis .ikona h4
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		font-size: 24px;		
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
	}

	.ceranoHtml .ikony-popis .ikona h4 img
	{
		height: 80px;
	}

	.ceranoHtml .text-image-section img
	{
		display: none;
	}
}