/*

Use this file to test new css changes before integrating the code to the proper css file. 

*/


/* Slats 
-------------------------------------------------------------- */

.slats .item {
	padding: 1em;
	margin: 0 -1em;
}

.slats .item figure img {
	width: 100%;
}

@media (min-width:600px) {

	.slats .item {
		padding: 2em;
		margin: 0 -2em;
		overflow: hidden;
	}
	
	.slats .item figure {
		width: 45%;
		float: left;
		margin-right: 2em;
	}
	
	.slats .item article {
		padding-top: 0;
		overflow: hidden;
	}
	
	.slats .item article:first-child {
		background: #fff;
		border-bottom: 1px solid #ddd;
		padding: 2em;
		box-shadow: 0 0 1em rgba(0,0,0,0.05);
	}
	
}/* end @media */

@media (min-width: 980px) {

	.slats .item figure {
		width: 30%;
		margin-right: 3em;
	}
	
}/* end @media */