@charset "utf-8";

/* CSS Document */





<style>

















/* set html5 elements to block */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

    display: block;

}











.wrapper {

	overflow: hidden;

}



.col {

	background: #FFF;

	float: left;

	margin-left: 3.2%;

	margin-bottom: 10px;

}

.fullwidth .col {

	float: none;

	margin-left: 0;

}

/* grid4 col */

.grid4 .col {

	width: 22.6%;

	

}



.grid3 .col {

	width: 31.2%;

}



.grid6 .col {

	width: 13.9%;

	border-bottom: 2px solid #c8c8c8;

	

	

}

/* grid2 col */

.grid2 .col {

	width: 48.4%;

}



/* clear col */

.grid6 .col:nth-of-type(6n+1),

.grid4 .col:nth-of-type(4n+1),

.grid3 .col:nth-of-type(3n+1),

.grid2 .col:nth-of-type(2n+1) {

	margin-left: 0;

	

	clear: left;

	font: Arial, Helvetica, sans-serif;

}

.fotopp {

	width: 48.4%;

}

















/************************************************************************************

MEDIA QUERIES

*************************************************************************************/

/* reset cols to 3-column */

@media screen and (max-width: 740px) {

	/* grid4 */

	.grid4 .col {

		width: 48.4%;

		border-bottom: 10px solid #E5E5E5;

		padding-bottom: 10px;

	}

	.grid4 .col:nth-of-type(2n+1) {

		margin-left: 0%;

		clear: none;

		font: Arial, Helvetica, sans-serif;

	}

	.grid4 .col:nth-of-type(2n+1) {

		margin-left: 0;

		clear: left;

	}

	

	

	.grid6 .col {

		width: 48.4%;

	}

	.grid6 .col:nth-of-type(2n+1) {

		margin-left: 0%;

		clear: none;

		font: Arial, Helvetica, sans-serif;

	}

	.grid6 .col:nth-of-type(2n+1) {

		margin-left: 0;

		clear: left;

	}



}



/* reset cols to 2-column */

@media screen and (max-width: 600px) {

	/* grid4 */

	.grid4 .col {

		width: 48.4%;

	}

	.grid4 .col:nth-of-type(3n+1) {

		margin-left: 3.2%;

		clear: none;

	}

	.grid4 .col:nth-of-type(2n+1) {

		margin-left: 0;

		clear: left;

	}





	.grid6 .col {

		width: 48.4%;

	}

	.grid6 .col:nth-of-type(3n+1) {

		margin-left: 3.2%;

		clear: none;

	}

	.grid6 .col:nth-of-type(2n+1) {

		margin-left: 0;

		clear: left;

	}

	.col {

		border-bottom: 10px solid #E5E5E5;

		padding-bottom: 10px;

	}

}



/* reset cols to fullwidth */

@media screen and (max-width: 400px) {

	/* grid4 */

	.col {

		width: 100% !important;

		margin-left: 0 !important;

		clear: none !important;

		border-bottom: 10px solid #E5E5E5;

		padding-bottom: 10px;

	}

	

	

	

	

	

	

	

}