Header Logo and Tagline help!

Hi, please can anyone help me!

Please have a look at my blogsite: https://www.lapaonvaal.co.za/blog and have a look at the header. As you can see the logo and tagline aren’t aligned correctly and I just can’t figure it out. I have no experience in coding. Below I have pasted the “Header” section from my Theme Editor. What needs to be changed?
I am currently using the Arclite theme.

Please!!!!!! and thanks!:)

/*** HEADER ***/

#header{
height: 190px;
position: relative;
z-index: 10;
color: #fff;
}

#header .block-content{
height: 190px;

}

#header-wrap{
width: 100%;
background: #261c13;
}

#pagetitle{
padding: .1em 0 0 1em;
}

#pagetitle h1.logo{
font-family: “Arial Black”, Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 500%;
float: left;
padding: .1em 0 0 0;
margin: 0;
letter-spacing: -0.1em;
font-variant: small-caps;
font-weight: normal;
color: #eeeadb;
}

#pagetitle h1.logo a{
color: #eeeadb;
text-decoration: none;
}

#pagetitle h1.logo a:hover{
color: #fff;
}

#pagetitle h4{
float: left;
border-left: 1px solid #8e7762;
padding: .6em 0 .6em .8em;
margin-left: 1em;
color: #e9e2c9;
}