@charset "utf-8";


/* grid layout */
.grid { 
	margin: 0 auto; box-sizing: border-box;
}
.grid-item {
	border-box; border: 2px solid #fff;
	background: #fff;
	border-radius: 3px;
	min-height: 100px; 
	text-align: center;
	display:table-cell; vertical-align: middle;
	font-size: 110%; color: #333;
	margin-bottom: 2%; padding: 5px 5px 5px;
	box-sizing: border-box;
}
.grid-sizer,.grid-item { width: 32%; }/* fluid 3 columns */
.gutter-sizer { width: 2%; }
.grid-item--width2 { width: 66%; }/* 2 columns */
.grid-item img { margin: 0 auto; /*max-width: 280px;*/ width: 100%; }

/*
for tablet
================================================================== */

@media screen and (max-width: 640px){
	.grid-sizer,.grid-item { width: 48%; }/* fluid 2 columns */
	.gutter-sizer { width: 4%; }
	.grid-item--width2 { width: auto; }/* 2 columns */
	
}

@media screen and (max-width: 450px){
	.grid-sizer,.grid-item { width: 100%; }/* fluid 2 columns */
	.gutter-sizer { width: 0%; }
	.grid-item--width2 { width: 100%; }/* 2 columns */
}