span {
	font-weight: bold;
}

.alom {
	padding: 10px;
	margin-top: 20px;
}

.tabla {
	display: grid;
	grid-template-columns: 40% 20% 40%;
	place-items: center;
	padding: 10px;
}

.tabla img {
	width: 100%;
}

.szuletes {
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	color: #006064;
	font-size: 20px;
	font-weight: bold;
}

.macska {
	display: grid;
	grid-template-columns: 50% 50%;
	padding: 10px;
	margin-top: 10px;
}

.macska img {
	width: 100%;
}

.info {
	padding-left: 10px;
}

.info h2 {
	color: #006064;
	margin: 0;
	font-size: 2em;
}

.tervezett {
	margin-top: 25px;
}

.parent {
	position: relative;
}

.bottom-left {
	position: absolute;
	top: 5px;
	left: 10px;
	text-shadow: 1px 1px black;
}

.idezet {
	color: #006064;
	max-width: 350px;
	text-align: center;
	margin: auto;
	font-size: 20px;
}

@media only screen and (max-width: 800px) {
	.tabla {
		grid-template-columns: 100%;
	}
	
	.macska {
		grid-template-columns: 100%;
	}
	
	.golya {
		margin: auto;
		width: 50% !important;
	}
	
	.macska p {
		margin-bottom: 0;
	}
	
	.tervezett {
		margin-top: 115px;
	}
}