.flex-container 
{
	display: flex;
	flex-direction: row;
}

.flex-child 
{
	flex-grow: 1;
	flex-shrink: 1;
}

.flex-wrapper
{
	padding: 20px;
}

.hidden
{
	display: none;
}

.visible
{
	display: block !important;
}

@media not all and (max-width: 1024px)
{
	.width-lt-1024
	{
		display: none;
	}
}

@media all and (max-width: 1024px) 
{
	.width-gt-1024
	{
		display: none;
	}
}

@media not all and (max-width: 750px) 
{
	.width-lt-750
	{
		display: none;
	}
}

@media all and (max-width: 750px) 
{
	.width-gt-750
	{
		display: none;
	}
}