#hero_slides {
    --txt-padding:36px;
    color: var(--erasmus_blue);
    --txt-margin:12px;
    --txt-p:20px;
    --txt-q:36px;
    --txt-h2:32px;
}

#hero_slides .txt h2 { line-height: 1.2; font-weight: 700; font-size: var(--txt-h2); margin: 0 0 0.5em; }
#hero_slides .txt p { line-height: 1.2; font-weight: 600; font-size: var(--txt-p);  margin: 0 0 1em; }

#hero_slides .txt p.cta:last-child { margin-bottom: 0; margin-top: 1em; }

#hero_slides .txt blockquote { line-height: 1.2; font-weight: 700; font-size: var(--txt-q);    }
#hero_slides .txt blockquote > p{ line-height: inherit; font-weight: inherit; font-size: inherit; margin: 0 0 0.5em;  }
#hero_slides .txt blockquote cite { display: block; line-height: 1.2; font-weight: 600; font-size: var(--txt-p);  margin: 0 0 1em;   }

@media screen and (min-width:1024px) and (max-width:1499px){
    #hero_slides {
        --txt-padding:28px;
        --txt-margin:12px;
        --txt-p:18px;
        --txt-q:32px;
        --txt-h2:28px;
    }
}
@media screen and (min-width:851px) and (max-width:1023px){
    #hero_slides {
        --txt-padding:28px;
        --txt-margin:12px;
        --txt-p:18px;
        --txt-q:32px;
        --txt-h2:28px;
    }
}
@media screen and (min-width:601px) and (max-width:850px){
    #hero_slides {
        --txt-padding:24px;
        --txt-margin:10px;
        --txt-p:16px;
        --txt-q:24px;
        --txt-h2:24px;
    }
}
@media screen and (max-width:600px){
    #hero_slides {
        --txt-padding:20px;
        --txt-margin:8px;
        --txt-p:16px;
        --txt-q:20px;
        --txt-h2:20px;
    }
}


blockquote::before {
    content: "\201C"; /* “ left double quotation mark */
    font-family: Georgia, serif;
    font-size:2em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: -0.4em;
    display: block;
}