/* ==================== Tout Container ==================== */
.tout-container
{
	margin: 0 auto;
}

@media (min-width:960px)
{
	.tout-container > *:first-child
	{
		margin-top: 0px;
	}
}

/* ==================== Tout Grid ==================== */
.tout
{
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 230px;
}

.tout-xs-1-1, .tout-xs-1-2, .tout-xs-1-x, .tout-xs-2-1, .tout-xs-2-2, .tout-xs-2-x, .tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x
{
	width: 230px;
}

.tout-xs-1-1, .tout-xs-2-1, .tout-xs-x-1
{
	height: 151px;
}

.tout-xs-1-2, .tout-xs-2-2, .tout-xs-x-2
{
	height: 312px;
}

.tout-xs-1-x, .tout-xs-2-x, .tout-xs-x-x
{
	height: auto;
}

@media (min-width: 480px)
{
	.tout
	{
		margin-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
		width: 240px;
	}

	.tout-xs-2-1, .tout-xs-2-2, .tout-xs-2-x, .tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x
	{
		width: 480px;
	}
	
	.tout-xs-1-2, .tout-xs-2-2, .tout-xs-x-2
	{
		height: 317px;
	}

    .tout-sm-1-1, .tout-sm-1-2, .tout-sm-1-x
	{
		width: 240px;
	}
	
    .tout-sm-2-1, .tout-sm-2-2, .tout-sm-2-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x
    {
        width: 480px;
    }

    .tout-sm-1-1, .tout-sm-2-1, .tout-sm-x-1
    {
        height: 151px;
    }

    .tout-sm-1-2, .tout-sm-2-2, .tout-sm-x-2
    {
        height: 317px;
    }

	.tout-sm-1-x, .tout-sm-2-x, .tout-sm-x-x
	{
		height: auto;
	}
}

@media (min-width: 720px)
{
	.tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x
	{
		width: 720px;
	}
	
	.tout-md-1-1, .tout-md-1-2, .tout-md-1-x
	{
		width: 240px;
	}
	
	.tout-md-2-1, .tout-md-2-2, .tout-md-2-x
	{
		width: 480px;
	}

    .tout-md-x-1, .tout-md-x-2, .tout-md-x-x
    {
        width: 720px;
    }

	.tout-md-1-1, .tout-md-2-1, .tout-md-x-1
	{
		height: 151px;
	}
	
	.tout-md-1-2, .tout-md-2-2, .tout-md-x-2
	{
		height: 317px;
	}
	
	.tout-md-1-x, .tout-md-2-x, .tout-md-x-x
	{
		height: auto;
	}
}

@media (min-width: 960px)
{	
	.tout-xs-x-1, .tout-xs-x-2, .tout-xs-x-x, .tout-sm-x-1, .tout-sm-x-2, .tout-sm-x-x, .tout-md-x-1, .tout-md-x-2, .tout-md-x-x
	{
		width: 480px;
	}
	
	.tout-lg-1-1, .tout-lg-1-2, .tout-lg-1-x
	{
		width: 240px;
	}

    .tout-lg-2-1, .tout-lg-2-2, .tout-lg-2-x, .tout-lg-x-1, .tout-lg-x-2, .tout-lg-x-x
    {
        width: 480px;
    }

	.tout-lg-1-1, .tout-lg-2-1, .tout-lg-x-1
	{
		height: 151px;
	}
	
	.tout-lg-1-2, .tout-lg-2-2, .tout-lg-x-2
	{
		height: 317px;
	}
	
	.tout-lg-1-x, .tout-lg-2-x, .tout-lg-x-x
	{
		height: auto;
	}
}