#icon_list
{
    justify-content: space-evenly;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#icon_list > div
{
    width: 24%;
    text-align: center;
}

#icon_list img
{
    width: 70px;
    height: 70px;
}

#icon_list h4
{
    text-align: center;
    font-size: small;
}

@media (orientation: landscape)
{
    @media (max-width: 1700px)
    {
	#icon_list img
	{
	    width: 70px;
	    height: 70px;
	}
    }
    @media (max-width: 1700px)
    {
	#icon_list img
	{
	    width: 50px;
	    height: 50px;
	}
    }
}

@media (orientation: portrait)
{
    #icon_list
    {
	margin-bottom: 10px;
    }
    #icon_list img
    {
	width: 50px;
	height: 50px;
    }
    #icon_list h4
    {
	font-size: x-small;
    }
}