How can I split my image banner text into two lines?

[GeeKyuu24]

Hi Team. How can I adjust the text on my image banner to cut into 2 lines? Just like the image I edited below.

This what it looks like right now:

Store: Glowcare.se
PS: Glowcare1991

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.banner__box {
max-width: 70rem!important;
}
.banner__buttons {
justify-content: center;
margin-left: 0!important;
}
.banner__box.content-container {
text-align: center!important;
}

[GeeKyuu24]

It worked! Thank you.

How can I also make this text a bit bigger?

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

nav.header__inline-menu .link, .customer {
font-size: 20px;
padding: 2.2rem;
}