/* CTA Blocks */
.cta-item {padding: 40px; display: flex; background-size: cover; font-family: Muli, sans-serif;}
h3.cta-title {color: #fff; font-size: 2em; margin: 0 0 .5em; font-family: Montserrat,sans-serif; text-transform: uppercase; font-weight: 700;}
.cta-content, .cta-link {z-index: 2; position: relative;}
.cta-description {color: #fff;}
.cta-description p {margin-bottom: 0;}
.cta-link {min-width: 25%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.cta-link img {margin-top: 10px;}
.cta-link a {display: block; background: #35acff; border-radius: 10px; color: #fff; padding: 10px 40px; text-transform: uppercase; transition: 0.4s ease-in-out; font-weight: 700; text-decoration: none;}
.cta-link a:hover {color: #1f2155;background: #fff; box-shadow: 0px 10px 10px rgba(255,255,255,0.2);}
.cta-item {background-blend-mode: luminosity; background-color: #1f2155; position: relative;}
.cta-item::after {content: ""; display: block; position: absolute; z-index: 1;  background: rgb(31,33,85);
background: linear-gradient(169deg, rgba(31,33,85,1) 50%, rgba(31,33,85,0) 100%); top: 0; bottom: 0; right: 0; left: 0;}

@media (max-width: 1199px) {
	.cta-link {min-width: 40%;}
}

@media (max-width: 679px) {
	.cta-item {flex-direction: column;}
	.cta-link {flex-direction: row;}
	.cta-link img {max-width: 200px;}
}

@media (max-width: 580px) {
	.cta-link {flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.cta-link img {max-width: 200px; margin: 20px 0; width: 100%;}
	.cta-link a {padding: 15px; width: 100%; text-align: center;}
}