@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');



/* STRUCTURE */

div.boxes {
	padding:5px;
	max-width:1160px;
	width:95%;
	margin:30px auto;
}

div.boxes section.columns {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin:5px 0;
	padding:0;
}

div.boxes div.column {
	flex:1;
	min-width:250px;
	margin:2px;
	text-align:center;
	padding:150px 30px 20px;
	background-position:center 10px;
	background-repeat:no-repeat;
	&:first-child { margin-left:0; }
	&:last-child { margin-right:0; }
}

div.boxes div.column.business{
	background-image:url(img/what_business.gif);
}

div.boxes div.column.copro{
	background-image:url(img/what_copro.gif);
}

div.boxes div.column.corpo{
	background-image:url(img/what_corpo.gif);
}

div.boxes div.column.work{
	background-image:url(img/what_work.gif);
}

div.boxes div.column.immo{
	background-image:url(img/what_immo.gif);
}

div.boxes div.column.succ{
	background-image:url(img/what_succ.gif);
}

div.boxes div.column h2{
	font:20px 'Roboto Slab',serif;
	color:#555;
	font-weight:bold;
	padding:0;
	margin:0 0 7px;
}

div.boxes div.column p{
	font:16px 'Roboto Slab',serif;
	color:#555;
	margin:0;
	padding:0;
}

@media screen and (max-width:980px) {
	div.boxes section.columns div.column {
		margin-bottom:5px;
		flex-basis:40%;
		&:nth-last-child(2){
			margin-right:0;
		}
		&:last-child {
			flex-basis:100%;
			margin:0;
		}
	}
}

@media screen and (max-width:680px) {
	div.boxes section.columns div.column {
		flex-basis:100%;
		margin:0 0 5px 0;
	}
}