.hero{min-height:100vh;background:linear-gradient(rgba(9,52,44,.75),rgba(9,52,44,.75)),url("../images/hero.jpg") center/cover;color:#fff}
.flow{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}
.node{width:150px;height:150px;border-radius:50%;background:#fff;color:#0f3d36;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:float 3s ease-in-out infinite}
.node small{font-size:.8rem}
h1 {
	font-size: 45px !important;
}
.line{width:80px;height:4px;background:#7ee081}
@keyframes float{50%{transform:translateY(-10px)}}
.card{
	border:none;
	border-radius:1rem;
	background: transparent;
}
.card-body p, .card-body h3 {
	color: white;
}
@media (max-width: 762px) { 
	h1 {
		font-size: 40px !important;
	}
	.line {
		display: none !important;
	}
	.flow {
		display: block !important;
		margin-bottom: 60px !important;
		margin-top: 60px !important;
	}
	.flow .node {
		margin-top: 30px !important;
	}
	.hero {
		padding-top: 60px;
	}
}
@media (max-width: 992px) { 


}
