/* text alignment */
.align-left
{
	text-align: left;
}
.align-center
{
	text-align: center;
}
.align-right
{
	text-align: right;
}
.align-justify
{
	text-align: justify;
}

/* float alignments */
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.float-none
{
	float: none;
}
.clear
{
	clear: both;
}
.clear-left
{
	clear: left;
}
.clear-right
{
	clear: right;
}
.clear-none
{
	clear: none;
}

.visible
{
	display: block;
}
.visible-inline
{
	display: inline;
}
.visible-inline-block
{
	display: inline-block;
}
.hidden
{
	display: none;
}

@media print
{
	.print-visible
	{
		display: block;
	}
	.print-visible-inline
	{
		display: inline;
	}
	.print-visible-inline-block
	{
		display: inline-block;
	}
	.print-hidden
	{
		display: none;
	}
}

.bold,
.strong
{
	font-weight: bold;
}
.italic
{
	font-style: italic;
}
.underline
{
	text-decoration: underline;
}
.overline
{
	text-decoration: overline;
}
.uppercase
{
	text-transform: uppercase;
}
.lowercase
{
	text-transform: lowercase;
}
.capitalize
{
	text-transform: capitalize;
}

.fluid-image
{
	width: 100%;
	height: auto !important;
}

@media only screen and (min-width: 1200px)
{
	.l-visible
	{
		display: block;
	}
	.l-visible-inline
	{
		display: inline;
	}
	.l-visible-inline-block
	{
		display: inline-block;
	}
	.l-hidden
	{
		display: none;
	}
	
	.l-fluid-image
	{
		width: 100%;
		height: auto !important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1200px)
{
	.m-visible
	{
		display: block;
	}
	.m-visible-inline
	{
		display: inline;
	}
	.m-visible-inline-block
	{
		display: inline-block;
	}
	.m-hidden
	{
		display: none;
	}
	
	.m-fluid-image
	{
		width: 100%;
		height: auto !important;
	}
}

@media only screen and (min-width: 321px) and (max-width: 768px)
{
	.s-visible
	{
		display: block;
	}
	.s-visible-inline
	{
		display: inline;
	}
	.s-visible-inline-block
	{
		display: inline-block;
	}
	.s-hidden
	{
		display: none;
	}
	
	.s-fluid-image
	{
		width: 100%;
		height: auto !important;
	}
}

@media only screen and (max-width: 320px)
{
	.xs-visible
	{
		display: block;
	}
	.xs-visible-inline
	{
		display: inline;
	}
	.xs-visible-inline-block
	{
		display: inline-block;
	}
	.xs-hidden
	{
		display: none;
	}
	
	.xs-fluid-image
	{
		width: 100%;
		height: auto !important;
	}
}