I have a logo on Serenity Genesis, but can't add a tag line,,why?

I have a customized theme on Serenity Child Genesis but while I have my logo up I can’t seem to find a place to put a tag line.Also, for some reason the typeface is WHITE and I can’t figure out how to make the font black or better yet, a very dark TEAL which would go better with my theme, so people can actually see the words better.

I don’t know how much of my template you’d need to see…I have just included some of it.

/*
Theme Name: Serenity Child Theme
Theme URI: https://www.studiopress.com/themes/serenity
Description: Serenity is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
Author: StudioPress
Author URI: https://www.studiopress.com/

Version: 1.0.2

Template: genesis
Template Version: 1.6.1

License: GNU General Public License v2.0
License URI: https://www.opensource.org/licenses/gpl-license.php
*/

body {
background: #59CFF4 url(images/bg.png) repeat-x;
color: #333333;
font-size: 12px;
font-family: Trebuchet MS, Arial, Verdana;
margin: 0 auto 0;
padding: 0;
line-height: 20px;
}

/***** Hyperlinks ********************/

a, a:visited {
color: #0D96E6;
text-decoration: none;
}

a:hover {
color: #89B239;
text-decoration: none;
}

a img {
border: none;
}

a:focus, a:hover, a:active {
outline: none;
}

/***** Wrap ********************/

#wrap {
width: 960px;
margin: 0 auto 0;
padding: 0;
}

/***** Header ********************/

#header {
width: 940px;
height: 160px;
margin: 0 auto 0;
padding: 0;
}

#header .wrap {
}

#title-area {
width: 405px;
float: left;
margin: 0;
padding: 10px 0 0 0;
overflow: hidden;
}

#title-area #title {
font-size: 24px;
font-weight: normal;
line-height: 30px;
margin: 0;
padding: 5px 0 0 10px;
}

#title-area #title a {
color: #FFFFFF;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: #055669 1px 1px;
}

#title-area #title a:hover {
color: #FFFFFF;
text-decoration: none;
}

#title-area #description {
color: #FFFFFF;
font-size: 12px;
font-style: italic;
font-weight: normal;
margin: 0;
padding: 0 0 0 10px;
}

#header .widget-area {
width: 530px;
float: right;
color: #FFFFFF;
margin: 0;
padding: 10px 0 0 0;
}

#header .widget-area p {
margin: 0;
padding: 0 0 5px 0;
}

#header .widget-area h4 {
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}

#header .widget-area ul {
margin: 0;
padding: 0;
}

#header .widget-area ul li {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
}

/***** Image Header – Partial Width ********************/

.header-image #header #title-area {
background: url(images/logo.png) left top no-repeat;
}

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
display: block;
float: left;
width: 385px;
height: 160px;
margin: 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}

.header-image #title-area #description {
display: block;
width: 0;
height: 0;
overflow: hidden;
}

/***** Image Header – Full Width ********************/

.header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a {
width: 940px;
}

/***** Header Right Navigation ********************/

#header ul.nav, #header ul.menu {
width: auto;
float: right;
list-style: none;
color: #FFFFFF;
text-transform: uppercase;
margin: 0;
padding: 0;
}

#header ul.nav li, #header ul.menu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#header ul.nav li a, #header ul.nav li a:visited, #header ul.menu li a, #header ul.menu li a:visited {
background: #333333;
color: #FFFFFF;
display: block;
font-size: 12px;
margin: 0;
padding: 6px 10px 5px 10px;
text-decoration: none;
border-right: 1px solid #555555;
position: relative;
}

#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
background: #000000;
color: #FFFFFF;
}

#header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul {
padding-right: 20px;
}

#header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 11px;
right: 5px;
}

#header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited {
background: #333333;
color: #FFFFFF;
width: 158px;
font-size: 11px;
margin: 0;
padding: 6px 10px 6px 10px;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
position: relative;
}

#header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active {
background: #000000;
}

#header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}

#header ul.nav li ul, #header ul.menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 180px;
margin: 0;
padding: 0;
}

#header ul.nav li ul a, #header ul.menu li ul a {
width: 160px;
}

#header ul.nav li ul ul, #header ul.menu li ul ul {
margin: -33px 0 0 179px;
}

#header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul, #header ul.menu li:hover ul ul, #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul, #header ul.menu li.sfHover ul ul ul {
left: -999em;
}

#header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul, #header ul.menu li:hover ul, #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul, #header ul.menu li.sfHover ul, #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul {
left: auto;
}

#header ul.nav li:hover, #header ul.nav li.sfHover, #header ul.menu li:hover, #header ul.menu li.sfHover {
position: static;
}

/***** Nav Menu ********************/

#nav {
clear: both;
background: url(images/nav.png);
width: 960px;
height: 40px;
color: #0D96E6;
font-weight: bold;
margin: 0 auto 0;
padding: 0;
}

#nav .wrap {
width: 940px;
height: 40px;
background: #FFFFFF;
margin: 0 auto 0;
padding: 0;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-khtml-border-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}

#nav ul {
width: 930px;
float: left;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
}

#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}