Custom CSS – How to create some alternative font styles

Hi All,

I am trying to create a few alternative font styles as the site I am building requires some large and bolder font sizes for parts of the site.

I have added the following to the custom css code block:
largeboldwhite { color: white; font-size: 22px; font-weight: bold; }
And I have put the page code as follows:

<largeboldwhite>[row]
[column size="col-6"]Write To Us[/column][column size="col-6"]Address here...[/column]
[/row]
[row]
[column size="col-6"]Phone Us[/column][column size="col-6"]01400 000 000[/column]
[/row]
[row]
[column size="col-6"]Email Us[/column][column size="col-6"]team@abc.org.uk[/column]
[/row]
[row]
[column size="col-6"]Find Us[/column][column size="col-6"]https://google.com[/column]
[/row]</largeboldwhite>

Any ideas?

Thanks,

Graham