body #navigation  { text-align: center; }
body #navigation ul li { float: none !important; display: inline-block; }

@media only screen and (max-width: 767px) {
#logo,
#contact-details {
    display: inline-block;
    text-align: center;
    width: 100%;
}


#logo img {
    display: inline-block;
    float: none !important;
}
}