/*list*/

.overlay {
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background: rgba(30,50,49, 0.0)
  background: rgba(255,255,255, 0.0)
}

.grid-item:hover .overlay {
	background: rgba(255,255,255, 0.8)
}

.text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  display:none;
  transition: 1.5s ease;
  width:100%;
}

.grid-item:hover .text {
	display:block;
	transition: 1.5s ease;
	-webkit-user-select: none; -webkit-touch-callout: none;
}

.grid-item:active .text {
	display:block;
	transition: 1.5s ease;
	-webkit-user-select: none; -webkit-touch-callout: none;
}

.grid-item h3 { width:100%;padding:0% 0% 0em 0%; text-align: center; color: #111; }

/*NEWS-END*/

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

.grid {
  position: relative;
  background: #fff;
}

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

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
	width: 49%;
  width: 32.3333333%;
  padding:0%;
  
  margin: 0.5% 0.5% 0.5% 0.5%;
  background: #eceded;
  float: left;
}


.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}
.grid-text-box h2{text-align: left;font-size: 1.3vw; line-height:1.7vw;padding:0% 0 1% 0;margin: 0% 0 0 0; text-transform:none; font-weight: 700;}
.grid-text-box {padding: 5% 5% 6% 5%; text-align: left;}
.relatet-link a{font-size: 1.0vw; line-height:1.0vw; padding: 2% 0 0 0; display: block;border-bottom:none;}

@media screen and (max-width:1000px) {
	
.grid-text-box h2{text-align: left;font-size: 2.8vw; line-height:3.4vw;padding:0% 0 2% 0;}
.relatet-link a{font-size: 2.2vw; line-height:2.2vw; padding: 4% 0 0 0; display: block;border-bottom:none;}
	
.grid-sizer,
.grid-item {
  width: 48%;
  margin: 0.5% 0.5% 1.0% 0.5%;
}

}

@media screen and (max-width:480px) {
	
.grid-text-box h2{text-align: left;font-size: 5.2vw; line-height:6.8vw;padding:0% 0 2% 0;}
.relatet-link a{font-size: 4.2vw; line-height:4.2vw; padding: 4% 0 0 0; display: block;border-bottom:none;}
	
.grid-sizer,
.grid-item {
  width: 100%;
  margin: 0.5% 0.5% 2.0% 0.5%;
}

}