.banana-getaways-viewall:hover {
	border-color: #fff;
	background: rgba(255,255,255,0.08);
}
.banana-getaway-card:hover {
	transform: translateY(-5px);
}
.banana-getaway-cta:hover {
	background: #F5C83A;
}
@media (max-width: 900px) {
	.banana-getaways-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 700px) {
	.banana-section-pad {
		padding: 56px 0 !important;
	}
	/* El div trae justify-content:space-between sin wrap inline; a este ancho el titulo
	   y el boton "Ver Getaways" no entran en una sola fila, asi que se hace wrap. */
	.banana-section-header {
		flex-wrap: wrap;
	}
	.banana-getaways-viewall {
		margin-top: 8px;
	}
}
@media (max-width: 600px) {
	.banana-getaways-grid {
		grid-template-columns: 1fr !important;
	}
}