/* Intro Text */
.intro {
	padding-top: 50px;
	padding-bottom: 60px;
	position: relative;
}
.intro .intro__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.intro .intro__wrapper-body {
    width: 65%;
}
@media(max-width: 576px) {
    .intro .intro__wrapper-body {
        width: 100%;
    }
}
.intro .intro__wrapper-image {
    padding-left: 50px;
    width: 35%;
}
@media(max-width: 576px) {
    .intro .intro__wrapper-image {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }
}

.col-xl-6 .intro {
    width: 100%;
}
.bg-lightblue, .bg-white {
    .intro {
        padding-top: 0;
        padding-bottom: 0;
    }
}
.content-box > .intro:first-child {
	margin-top: 20px;
}
.content-box > .intro:last-child { padding-bottom: 60px; }

.intro__headline {
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	font-weight: 800;
	color: #2e407d;
}
.intro.is-headline-only .intro__headline {
	margin-bottom: 0;
}
.intro__content {
	font-size: 24px;
	font-weight: 400;
	color: #25282a;
}
.intro__content > p {
	margin-bottom: 12px;
}
.intro__content > p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 700px) {
	.intro__headline {
		padding: 0;
		font-size: 36px;
	}
	.intro__content {
		padding: 0;
		font-size: 22px;
	}
}

@media only screen and (max-width: 500px) {
	.intro__headline {
		font-size: 30px;
	}
	.intro__content {
		font-size: 18px;
	}
}