@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
.pageCTA { width: 100%; background: #1F7A5C; color: #FFFFFF; padding: 20px 0; }
.pageCTAContent { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; display: flex; align-items: center; }
.pageCTAIntro { font-size: 62px; line-height: 62px; font-family: 'Playfair'; font-weight: 700; letter-spacing: -2px; text-align: right; width: 300px; margin-right: 100px; }
.pageCTAIntro span { font-size: 30px; font-family: 'Inter'; font-weight: 300; line-height: 30px; letter-spacing: 0; display: block; margin-right: 20px; }
.pageCTAText { width: calc(100% - 400px); }
.pageCTAText a.button { padding: 5px 15px; background: #FFFFFF; }
.pageCTAText a.button, .pageCTAText a.button:hover { color: #1F7A5C; border: 3px solid rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 1080px) { 
    .pageCTAintro { margin-right: 40px; }
}
@media screen and (max-width: 840px) { 
    .pageCTAContent { flex-wrap: wrap; }
    .pageCTAText { width: 100%; margin: 20px 0 0; }
}