.cta-block-bg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	overflow: auto;
	padding-top: 100%;
	position: relative;
	width: 100%;
}
.cta-block-bg-href .cta-block-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    background-color: rgba(0,0,0,.2);
    opacity: 0;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}
.cta-block-bg-href:hover .cta-block-bg:after {
    opacity: 1;
}
.cta-block-bg h3 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
}

.cta-block-bg.ratio-11 {
	padding-top: 100%;
}

.cta-block-bg.ratio-43 {
	padding-top: 75%;
}

.cta-block-bg.ratio-34 {
	padding-top: 133%;
}

@media screen and (max-width: 767.98px) {
	.cta-block-bg {
		margin-bottom:30px;
	}
	.cta-block-bg.ratio-34 {
		/*blocchi grandi diventano come il ratio 34 */
		padding-top: 63% !important;
	}
	/* .wpb_wrapper .vc_empty_space {display:none} */
}

.cta-block-bg.ratio-169 {
	padding-top: 56.25%;
}

.cta-block-bg.ratio-35 {
	padding-top: 63%;
}

.cta-block-bg .cta-block-bg__wrapper {
	/* align-items: center; */
	display: flex;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.cta-block-bg .cta-block-bg__wrapper__content {
	padding: 20px;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 22px;
}

.cta-block-bg.ratio-169 .cta-block-bg__wrapper__content,
.cta-block-bg.ratio-43 .cta-block-bg__wrapper__content {
	max-width: 50%;
}

.cta-block-bg .btn {
	border-radius: 10px;
	border-width: 2px;
}

@media screen and (max-width: 1400px) {
	.cta-block-bg.ratio-35 {
		padding-top: 62.25%;
	}
}

@media screen and (max-width: 1200px) {
	.cta-block-bg.ratio-35 {
		padding-top: 61.25%;
	}
}

@media screen and (max-width: 992px) {
	.cta-block-bg.ratio-35 {
		padding-top: 59.25%;
	}
}