I changed the title and description code to this:
<?php if (is_front_page()) { ?>
<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><?php bloginfo('name'); ?></a></h1>
<p id="site-description"><?php bloginfo('description'); ?></p>
<?php } else { ?>
<p id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><?php bloginfo('name'); ?></a></p>
<p id="site-description"><?php bloginfo('description'); ?></p>
<?php } ?>
I also had to add the bottom two lines of this code to the stylesheet:
#site-title {
margin: 0px 0 10px 0;
text-shadow: 1px 2px 1px #c5d1d9;
font-size: 30px;
line-height: 45px;
font-family: 'Oswald', sans-serif
}
I also changed my homepage to use an article … so there is no double h1 on my homepage.