* {margin: 0px; padding: 0px;}
html{overflow-x:hidden}
.display{
	backgorund: #16384c;
	line-height:1.5;
}
.titulo{font-size: 1.2rem; color: #000; padding: 0px 0px; text-align: center; font-weight: normal; margin-top:8px;}
.container {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0px;
	max-width:1020px;
	margin: auto;
}
.container .card{
	position: relative;
	max-width: 300px;
	height: 250px;
	background: #fff;
	margin: 30px 20px;
	padding: 20px 20px;
	box-shadow: 0 5px 202px rgba(0,0,0,0.5);
	transition: 0.3s ease-in-out;
}
.container .card:hover{
	height: 310px;
}
.container .card .imgBx{
	position:relative;
	width: 260px;
	height: 170px;
	top:-40px;
	left: 0px;
	z-index: 0;
	box-shadow: 0 5px 20px rgba(0,0,0,0.2)
}
.container .card .imgBx img{
	width: 260px;
	height: 170px;
	border-radius: 4px;
	object-fit: fill;
}
.container .card .content{
	position: relative;
	margin-top: -140px;
	padding: 0px 15px;
	text-align: center;
	color: #111;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s ease-in-out;
	/* font-size: 1.5rem; */
}
.container .card .content p{
	padding: 0px 0px;
	font-size: 1rem;
}
.container .card:hover .content{
	visibility: visible;
	opacity: 1;
	margin-top: 30px;
	transition-delay: 0.3s;
}