*
{
   margin:0;	
   padding: 0;
   box-sizing: border-box;
}

.wrapper{
	font-family: 'raleway';
	display: flex;
	justify-content:center;
	align-items: center;
    flex-direction: column;
	background: #0C8E13;
}

.wrapper h1{
	font-size: 3em;
	margin: 25px 0;
	text-align:center;
	font-weight: 500;
}

.content-box{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	width: 1000px;
	margin-top: 30px;
}

.card{
	 min-height: 220px;
	 width: 320px;
	 padding: 30px;
	 border-radius: 5px;
	 justify-content: center;
	 align-items: center;
	 flex-direction:column;
	 background: #FFFFFF;
 	 box-shadow: 0px 15px 25px rgba(0,0,0,0.2);
	 transition: 0.3s;
}

.card h2{
		margin-bottom: 20px;
		font-weight: 400;
		text-align: center;
	}
.card p{
	    color: #6c757d;
		text-align: center;
	}
.card:hover p{
	    color: #FFFFFF;
	}
.card:hover h2{
	       font-weight: 600;
	       color: #f2f2f2;
		  
}
.card:nth-child(1):hover{
	     background:linear-gradient(45deg,
		                           rgba(51, 170, 51, 1) 0%,
								   rgba(51, 170, 51, 1) 100%),
								   url('images/p1.jpg');
		 background-size: cover;
	}

.card:nth-child(2):hover{
	     background:linear-gradient(45deg,
		                           rgba(51, 170, 51, 1) 0%,
								   rgba(51, 170, 51, 1) 100%),
								   url('images/p2.jpg');
		 background-size: cover;
	}
	
	.card:nth-child(3):hover{
	     background:linear-gradient(45deg,
		                           rgba(51, 170, 51, 1) 0%,
								   rgba(51, 170, 51, 1) 100%),
								   url('images/p3.jpg');
		 background-size: cover;
	}
	
	.card:nth-child(4):hover{
	     background:linear-gradient(45deg,
		                           rgba(51, 170, 51, 1) 0%,
								   rgba(51, 170, 51, 1) 100%),
								   url('images/p4.jpg');
		 background-size: cover;
	}
	
	/********Responsive*******/
	
@media(max-width: 991px)
{
	.wrapper{
               padding: 25px;
	}
	.wrapper h1{
		font-size: 2.5em;
		font-weight: 600;
		}
		
.content-box{
	flex-direction: column;
	width: 100%;
}

.card{
	min-width: 300px;
	margin: 10px auto;	
	}
}

.card h2 a{
	text-decoration:none;
	color:#010101;
}