Pozycja logo

Jestem tu nowy i od razu powiem, ze nie ma doświadczenia z css. Na zamieszczonej stronie, chciałem, aby logo znajdowało się w centrum strony. Udało mi się to jedynie przez dodanie kodu w dostosuj> dodatkowy CSS :
.site-logo {
width: 100%;
text-align: center;
}
.site-logo-link > img, .custom-logo-link img {
margin-left: 40%;
}
.site-branding {
text-align: center;
}

Wszystko działa dobrze, logo faktycznie wyświetla się w centrum, jednak problem pojawia się podczas odpalenia strony na telefonie. Czy istnieje możliwość, aby dany fragment kodu odpalał się tylko na wybranych urządzeniach?

Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]