Changing child theme css

Hi,

I’ve been working hard on the CSS stuff and I think (or should I say hope) I’m getting somewhere.

Here’s the story;

I’m working on the Pachyderm theme (although I’ll probably change and am more concerned with concepts now) and have installed the one-click child theme pluggin. I’ve checked in my Godaddy file (under file manager) and a child theme was installed and under the child theme’s file there was a style.css file installed. When I open the child theme style.css file it has the following code in it:

/*
Theme Name: Pachychildtheme
Description: Pachyderm Child Theme
Author: havabitch
Template: pachyderm

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url(“../pachyderm/style.css”);

The existing child theme site title code was;

.site-title {
clear: both;
color: #49352f;
font-family: “Berkshire Swash”, “Times New Roman”, serif;
font-size: 48px;
font-size: 4.8rem;
line-height: normal;
margin: 0;
}

I’ve changed the font – using the chrome web developer – to;

.site-title {
clear: both;
color: #49352f;
font-family: Arial;
font-size: 48px;
font-size: 4.8rem;
line-height: normal;
margin: 0;
}

My question is: Where do I paste the new code into my style.css file? Is it after;

@import url(“../pachyderm/style.css”);

I really hope I’m catching on to this. Any feedback is welcomes.

Cheers,
Craig

PS, I can’t list my site because I’ve got it hidden and am working on dev.mysitename.com.