LESS不断给我一个SyntaxError

Question

我使用LESS和npm，我通过命令提示符跟踪它发生了什么。我一直收到这个错误告诉我 SyntaxError：媒体定义需要在...之后的任何功能之后的块语句

查看图片

@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro|Source+Sans+Pro:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:300');
@montserrat: 'Montserrat', sans-serif;
@linkFFam: 'Source Sans Pro', sans-serif;
@oswald: 'Oswald', sans-serif;
@headFootBg: #1e1e1e;
@linkColor: #f3f3f3;
@acccentColor: #fff200;


@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    /* or iPad Air 2 on landscape mode */
    section#hero {
        .title { margin-top: 40px; text-align: center; } 
    section#about {
        article {
            h1 { margin-top: 50px; }
            img { padding-top: 50px; }
            p { width: 50%; margin-top: 50px; }
            .down_arrow { margin: 150px auto 0 auto; }
        }
    }
    section#menu { img { max-width: 70%; } }
    footer.container {
        img.knife { margin-top: -105px; }
        .hide { display: none; }
        footer { ul.foot_nav { margin-right: -10px; } }
    }

}

@media only screen and (max-width:768px) and (orientation: portrait) {
    /* for iPad on portrait mode */
    section#hero { .title { margin-top: 140px; } }
}

@media only screen and (max-width: 736px) and (min-width: 414px) and (orientation: landscape) {
    /* for iPhone+ landscape mode */
    section#top_header {
        display: none;
    }
}