Reply To: Header Help (mobile, desktop, tablet)

If I am understanding correctly what you want to achieve, please try this:

@media screen and (min-width: 769px){
    #site-branding {
        width: 40%;
    }
    #site-description.eighty {
        width: 60%;
    }
    .site-navigation {
        width: 60%;
    }
}

@media screen and (max-width: 768px){
    #site-branding {
        padding-top: 20px;
    }
}

.toggle-nav {
    top: 18px;
}