.wf-container { margin: 0 auto; }

.wf-container:before,
.wf-container:after {
  content: '';
  display: table;
}

.wf-container:after { clear: both; }

.wf-box { margin: 2px;
width:100%;
text-align:center;
padding:20px;
  }

.wf-box .content img {

  width: 100%;
padding: 0px ;
height:200px;



}
.heading
{
font-size:20px;
background-color:transparent;

color:#61A93E;

}
.wels
{
font-size:20px;
background-color:transparent;

color:#473D32;

}
.welphead
{
font-size:15px;
background-color:transparent;

color:#000;

font-weight:400;
}
.welp1
{
font-size:15px;
background-color:transparent;
line-height:30px;
color:#000;
opacity:0.8;
font-weight:400;
}
.welp1:hover
{
font-size:15px;
background-color:transparent;
opacity:1;
color:#000;
font-weight:400;
}
.wf-box .content {

 width: 100%;	
  border: 1px solid #ccc;
  border-top-width: 0;

  
}
.wf-box .content .cardpar{
padding:10px;
	margin:10px;
}
.wf-column { float: left; }

@media screen and (min-width: 768px) {

.wf-container { width: 750px; }

}

@media screen and (min-width: 992px) {

.wf-container { width: 970px; }

}

@media screen and (min-width: 1200px) {

.wf-container { width: 1170px; }

}
.card1 {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	background-color:#fff;
	
	text-align:left;
	width:auto;
}

/* On mouse-over, add a deeper shadow */
.card1:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	
}