.connect .block-background {
    background-color: #f0f6f8;
}

.connect h3 {
	color: #ff5900 !important;
}

.connect .name {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 0.1rem;
}

.connect .info-link {
	color: #ff5900;
	font-weight: bold;
	text-decoration: none;
	transition: color ease 0.4s;
}

.connect .info-link:hover {
	color: #ff1900;
	text-decoration: underline;
}

.connect .card {
    padding: 0.5rem 0 0.3rem;
	text-align: center;
	background-color: #ffffff !important;
	transition: background-color 0.4s ease;
}

.connect .service-border {
    border-radius: 12px;
    border-color: #e2ded9;
    border-style: solid;
    border-width: 1px;
}

.connect .service-logo a {
    font-size: 2.5rem;
	text-decoration: none;
	color: #e2ded9;
	transition: color 0.4s ease;
}

@media (min-width: 640px) {
    .connect .card:hover {
        background-color: #f7f5f2 !important;
    }
}

@media (min-width: 1024px) {
    .connect .service-logo:hover a {
        color: #653f9e;
    }
}