I cant remember where I have used this.

/** logo fix / header **/

/* remove large gap above and below - when you have seperated menu and logo */
#jsn-logo a {
	margin-top: 10px;
    margin-bottom: 0;
}

/* make the header sections responsive so they look nice */
@media screen and (max-width: 640px) {
    
    #lancastrian-header-left{
        float: none !important;
        text-align: center;
    }
    
    #lancastrian-header-right{
        float: none !important;
        text-align: center;
    }    
    
}