Heartfelt: Header Columns

gistfile1.css

/* The Logo Space */
.bottom_nav_wrap .large-3 {
    width: 40%;
}

/* The Navigation Space */
.bottom_nav_wrap .large-9 {
    width: 60%;
}

@media only screen and (max-width: 40em) { 
    .bottom_nav_wrap .large-3, .bottom_nav_wrap .large-9 {
        width: 100%;
    }
} /* Small screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    .bottom_nav_wrap .large-3, .bottom_nav_wrap .large-9 {
        width: 100%;
    }
} /* Medium screens */