#landing
{
    background: var(--blue);
    background: -webkit-linear-gradient(#153660B5, #354826B5), url("../img/calgary-alberta-skyline.jpg");
    background: linear-gradient(#153660B5, #354826B5), url("../img/calgary-alberta-skyline.jpg"); /* least supported option */
    background-size: cover;
    background-position: center;

}
#landing h4 {
    /* margin: 0 auto; */
    max-width: min(100%, 55ch);
}
#landing h3 {
    margin-bottom: 0.5em;
}
#landing .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem;
    justify-content: center;
}

#map h4 {
    text-align: center;
    /* text-wrap: balance; */
    max-width: min(100%, 45ch);
}