.block_3up_main{
  width:100%;
  padding-left:30px;
  padding-right:0px;
  height:auto;
  margin-bottom:20px;
}

.block_3up{
  width:31%;
  height:auto;
  margin-right:1%;
  margin-bottom:5px;
  display: inline-block;
  overflow:hidden;
}

.block_3up a{
  width:100%;
  height:auto;
  display:block;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  /* Get rid of blue highlight on button press Mobile */
}

.block_3up img{ 
  width: 100%;
  height: auto;
  object-fit: contain;
  display:block;
  opacity:1.0;
}
.block_3up a img:hover{
  cursor: pointer;
  opacity:0.6;
  transition: opacity .2s ease;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
}
.block_3up a img {
}


.block_3up h1{   
  width:100%;
  margin-top:5px;
  font-size:24px;
  text-align:center;
}
.block_3up h2{  
  width:100%;
  font-size:16px;
  text-align:center;
 }

/* TABLETS  ------------------- */

@media screen and (min-width : 501px) and (max-width : 760px ){

.block_3up_main{
  padding-left:30px;
  padding-right:0px;
}
.block_3up{
  width:46%;
  height:auto;
  margin-right:1%;
  margin-bottom:10px;
  display: inline-block;
}	
	
}

/* MOBILE  ------------------- */
@media screen and (min-width : 320px) and (max-width : 500px ){

.block_3up_main{
  padding-left:20px;
  padding-right:20px;
}
	
.block_3up{
  width:100%;
  height:auto;
	margin-bottom:20px;
	display: block;
	overflow:hidden;
}	
		
.block_3up h1{ 
  font-size:28px;
}
.block_3up h2{ 
  font-size:20px;
}	

	

	
}
	
	
