@media only screen and (max-width: 767px) {

    .site-title { margin: 10px; text-align: center; }

    .header__logo { margin: 0 auto; }
    .head-nav { text-align: center; }
}