Могут помочь такие свойства как transform (translate|translateY|translateX) (Вместе с left и top)
{
width: 50px;
height: 50px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: relative;
}
Это один из способов использующих одновременно несколько свойств связанных с позиционированием объекта.
Другой вариант использовать margin. (Что собственно в оригинальном лого и применяется, оно отталкивается от верхней границы на 20px)
{
margin: 20px 0 0 0;
}
Ваши скриншоты ровно так же ничего не объясняют... Он вас затролил...