.grid {
  background: #EEE;
  max-width: 1200px;
  margin-top:20px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
  background: #fff;
  border: 5px solid #333;
  border-color: #f6f6f4;

}

.grid-item .top{height: 60px; width: 100%; background-color: #f1f1f1;}
.grid-item .title-top{width: 80%;float: left;padding: 19px;font-size: 20px; color:#373737; padding-left: 10px; padding-right: 5px;}
.grid-item .link-top{width: 30px;height: 60px;float: right;padding-top: 20px;padding-left: 10px;background-color: #ccc;color:#373737;}

@media only screen and (min-width: 923px) {
	.grid-item--width1 { 
		width:25%;
	}
	.grid-item--width2 { 
		width:50%;
	}
	.grid-item--width3 { 
		width:50%;
	}
	.pc_hide_or_show{
		
	}
	.mobile_hide_or_show{
		display:none;
	}
}
@media only screen and (max-width: 923px) and (min-width: 720px){
	.grid-item--width1 { 
		width:25%;
	}
	.grid-item--width2 { 
		width:50%;
	}
	.grid-item--width3 { 
		width:100%;
	}
	.pc_hide_or_show{
		
	}
	.mobile_hide_or_show{
		display:none;
	}
}
@media only screen and (max-width: 720px) and (min-width: 520px){
	.grid-item--width1 { 
		width:50%;
	}
	.grid-item--width2 { 
		width:100%;
	}
	.grid-item--width3 { 
		width:50%;
	}
	.pc_hide_or_show{
		display:none;
	}
	.mobile_hide_or_show{
		
	}
}
@media all and (max-width: 520px) and (max-width: 720px){
	.grid-item--width1 { 
		width:100%;
	}
	.grid-item--width2 { 
		width:100%;
	}
	.grid-item--width3 { 
		width:100%;
	}
	.pc_hide_or_show{
		display:none;
	}
	.mobile_hide_or_show{
		
	}
}
/*Diverse hoogten blokken*/
.grid-item--height2 { 
	height: 300px;
}
.grid-item--height3 { 
	overflow:auto;
	max-height: 750px;
	overflow:hidden;
}
.grid-item--height4 { 
	overflow:auto;
	background-color:#f6f6f4;
}
.grid-item--height5 { 
	height: 700px;
}