.content {padding: 40px 25% 120px 25%;}
h1 {margin-bottom: 0; font-family: var(--font-family-base-heading); font-size: 2.5rem; color: var(--schoolsnz-blue);}
h2 {margin: 10px 0 20px 0; font-family: var(--font-family-base-heading); font-size: 1.4rem;}
h3 {font-family: var(--font-family-base-heading); font-size: 1.2rem;}
.banner {flex: 1; position: relative; width: 100%; height: 490px; min-height: 490px; background-position: top left; background-size: cover;}
.banner-generic {height: 120px; min-height: 120px; background-color: var(--schoolsnz-blue); background-position: center;}
.public-content, .city-info p {margin-bottom: 40px; color: var(--text-colour); line-height: 1.7; font-size: 1.1rem; font-weight: 400;}
.outro {color: var(--text-colour); line-height: 1.7; font-size: 1.1rem;}
@media screen and (max-width: 1300px) {
    .content {padding: 40px 20% 120px 20%;}
}
@media screen and (max-width: 1000px) {
    .content {padding: 40px 5% 120px 5%;}
}
@media screen and (max-width: 800px) {
    h1 {font-size: 1.5rem;}
    p.intro, p.outro {font-size: 1.1rem;}
    p {font-size: 1rem;}
}