.container-card{
	width: 100%;
	display: flex;
	max-width: 1100px;
	margin: auto;
	font-style: normal;
}
.title-cards{
	width: 100%;
	max-width: 1080px;
	margin: auto;
	padding: 20px;
	margin-top: 20px;
	text-align: center;
	color: #7a7a7a;
}
.card--rabbit {
	width: 100%;
	margin: 20px;
	border-radius: 6px;
	overflow: hidden;
	background:#f3f3f36b;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
	transition: all 400ms ease-out;
	cursor: default;
}
.card--rabbit:hover{
	box-shadow: 5px 5px 20px rgba(76, 125, 153, 0.637);
	transform: translateY(-3%);
	background-color: #fff;
}

.card--rabbit figure{
	font-size: 130px;
	width: 100%;
	height: 210px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.card--rabbit .contenido-card h3{
	font-size: 18px;
	margin-bottom: 15px;
	color: #000000;
	text-align: center;
}
.card--rabbit .contenido-card p{
	line-height: 1.8;
	color: #000000;
	font-size: 14px;
	margin-bottom: 5px;
}
.card--rabbit .contenido-card a{
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
	text-decoration: none;
	color: #2fb4cc;
	border: 1px solid #2fb4cc;
	border-radius: 25px;
	transition: all 400ms ease;
	margin-bottom: 5px;
	text-align: center;
}
.card--rabbit .contenido-card a:hover{
	background: #2fb4cc;
	color: #fff;
}

.card-button {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (min-width:200px) and (max-width: 998px){
	.container-card{
		flex-wrap: wrap;
	}
	.card--rabbit{
		margin: 15px;
	}
}