手机上不同背景的CSS代码

我真的很难理解下面的CSS代码。我正在尝试在我的Squarespace网站上为手机应用不同的背景，任何帮助都将不胜感激

@media only screen and (max-device-width: 480px) {
    body {
        background-image: url(http://static.squarespace.com/static/534d398de4b0aac5146ca2c3/t/53501978e4b0d23446a58fe3/1397758328353/Textureformobile.png);
        background-repeat: no-repeat;
        background-position: top center !important;
    }
}

另外，如果有人能帮我编写代码，让我的手机上的网站标题更靠近导航栏，我也会非常感激——为了弄明白这一点，已经浪费了很多时间

---

我的网站：

媒体查询是否位于CSS的底部？如果不是，我会将它向下移动，因为它会接管。对不起，我看不到你的页面。“Squarespace试用帐户对公众不可见。”我提前表示歉意——对于CSS，我真的是一个初学者。我确信媒体查询位于CSS的底部。这就是我插入的所有CSS：我有用于移动导航的CSS代码，这会影响移动背景代码吗？媒体查询外部的CSS是否可能比内部的CSS更具体？您是否使用Id或类来分配背景？