.cta4links {
    max-width: var(--width-base);
    margin: 0 auto;
    padding: var(--space-16) 0;
}

.cta4links .CTAGroup{
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 40em) {
	.cta4links .CTAGroup{
		grid-template-columns: repeat(2, 1fr);
	}
}

.cta4links .CTAGroup div a {
    display: grid;
    grid-template-columns: 2fr 1fr;
    color: var(--black);
}

.cta4links .CTAGroup div a h4 {
    font-family: var(--font-body-bold);
    font-size: var(--text-xl);
}

.cta4links .CTAGroup div a h4::after {
    content: '';
    display: inline-block;
    background: url(/includes/public/assets/shared/arrows/arrow_contact.svg) no-repeat;
    width: 20px;
    height: 16px;
    margin: 0 0 0 var(--space-4);
}

.cta4links .CTAGroup div a:hover h4 {
    color: var(--tertiary-color-700);
    text-decoration: underline;
}

.cta4links .CTAGroup div a img {
    width: 68px;
    height: auto;
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
    padding: 0 0 0 var(--space-4);
    box-sizing: content-box;
    align-self: flex-start;
    margin: 20px 0 0;
}

.cta4links .CTAGroup div a p {
    font-size: var(--text-base);
}

.cta4links .CTAGroup div {
    padding: 0 0 var(--space-4);
}

@media (min-width: 64em) {
	.cta4links .CTAGroup div a h4 {
		font-size: var(--text-5xl);
	}

    .cta4links .CTAGroup div a h4::after {
        width: 27px;
        height: 23px;
    }

    .cta4links .CTAGroup div a img {
        width: 103px;
    }

    .cta4links .CTAGroup div a p {
		font-size: var(--text-2xl);
	}

    .cta4links .CTAGroup .subscribe, .cta4links .CTAGroup .getintouch{
        padding: 0 0 var(--space-16);
    }
}