.banner { display: grid; grid-template-columns: 1fr 2fr; max-width: 60rem; background: $t-color; margin: 2rem auto 6rem auto; padding: 2rem 2rem 2.25rem 2rem; h4 { margin: 0 0 1.5rem 0; } h6 { color: $f-color; font-size: 1.1rem; font-weight: 400; line-height: 1.65rem; padding: .5rem 2rem 0 0; } } @media only screen and (max-width: 600px) { .banner { display: block; padding: 3rem 1rem 8rem 1rem; .msg .donate { overflow-wrap: break-word; } } }