having ruby errors when using SASS

sass-main.sass

@import sass-mixins

body 
    width: 100%
    height: 100%
    background: url("images/background-sun.png")
    background-position: 50% 50%
    background-size: cover


td 
    padding-left: 1rem


thead td 
    text-decoration: underline
    font-size: 1.1rem
    font-weight: bold

.clearfix:after 
    visibility: hidden
    display: block
    font-size: 0
    content: " "
    clear: both
    height: 0

.clearfix
    display: inline-block 
/* start commented backslash hack \*/
* html .clearfix
    height: 1% 
.clearfix
    display: block 
/* close commented backslash hack */

/* ___________________ small - med smartphone  _______________________*/

@media screen and (min-width: 1px) and (max-width: 400px)
.container 
    width: 90%
    margin: 0 auto
    color: #fff
    border: 1px solid red


.banner 
    width: 100%
    height: 10rem
    margin: 0 auto
    border: 1px solid red


.logo 
    width: 13rem
    height: 10rem
    margin: 0 auto
    border: 1px solid red


.navbar 
    width: 100%
    height: 1.5rem
    margin: 0 auto
    background: #BBB
    border: 1px solid red


.social 
    clear: both
    margin: .2rem .3rem
    color: #fff

.phone 
    float: left

.icons 
    float: right


.navbuttons a 
    float: left
    text-decoration: none
    display: inline-block
    padding: .2rem
    text-align: center
    border: 1px solid red


.content 
    border: 1px solid red
    clear: both
    height: 600px


.footer 
    border: 1px solid red
    height: 15px
    color: black




/* ___________________ large phone / med tablet  _______________________*/
@media screen and (min-width: 401px) and (max-width: 630px)
.container 
    width: 90%
    margin: 0 auto
    background: #AAA
    color: #fff
    border: 1px solid red


.banner 
    width: 100%
    height: 10rem
    margin: 0 auto
    background: #666
    border: 1px solid red


.logo 
    width: 350px
    height: 10rem
    background: yellow
    margin: 0 auto
    border: 1px solid red


.navbar 
    width: 350px
    height: 3.5rem
    margin: 0 auto
    background: #BBB
    border: 1px solid red


.social 
    float: right
    margin: .4rem

.navbuttons 
    float: left
    width: 70%

.navbuttons a 
    float: left
    text-decoration: none
    display: inline-block
    padding: .2rem
    text-align: center
    font-size: 1.05rem
    border: 1px solid red


.content 
    border: 1px solid red
    clear: both
    height: 600px


.footer 
    border: 1px solid red
    height: 15px
    color: black




/* ___________________ tablet and laptop _______________________*/
@media screen and (min-width: 631px) and (max-width: 800px) 
.container 
    width: 90%
    margin: 0 auto
    background: #AAA
    color: #fff
    border: 1px solid red


.banner 
    width: 100%
    height: 10rem
    margin: 0 auto
    background: #666
    border: 1px solid red


.logo 
    width: 560px
    height: 10rem
    background: yellow
    margin: 0 auto
    border: 1px solid red


.navbar 
    width: 560px
    height: 3.5rem
    margin: 0 auto
    background: #BBB
    border: 1px solid red


.social 
    float: right
    margin: .5rem
    font-size: 1.2rem

.navbuttons 
    float: left
    width: 70%

.navbuttons a 
    float: left
    text-decoration: none
    display: inline-block
    padding: .8rem
    text-align: center
    border: 1px solid red
    font-size: 1.2rem


.content 
    border: 1px solid red
    clear: both
    height: 600px


.footer 
    border: 1px solid red
    height: 15px
    color: black




/* ___________________ Laptop and higher _______________________*/
@media screen and (min-width: 801px) 
.container 
    width: 90%
    margin: 0 auto
    background: #AAA
    color: #fff
    border: 1px solid red


.banner 
    width: 100%
    height: 10rem
    margin: 0 auto
    background: #666
    border: 1px solid red


.logo 
    width: 710px
    height: 10rem
    background: yellow
    margin: 0 auto
    border: 1px solid red


.navbar 
    width: 710px
    height: 3.5rem
    margin: 0 auto
    background: #BBB
    border: 1px solid red


.social 
    float: right
    margin: .6rem
    font-size: 1.2rem

.navbuttons 
    float: left
    width: 70%

.navbuttons a 
    float: left
    text-decoration: none
    display: inline-block
    padding: .8rem
    text-align: center
    border: 1px solid red
    font-size: 1.2rem


.content 
    border: 1px solid red
    clear: both
    height: 600px
    width: 90%
    margin: 0 auto


.footer 
    border: 1px solid red
    height: 15px
    color: black
    width: 80%
    margin: 0 auto

styles.css

/*
Errno::ENOENT: No such file or directory @ rb_sysopen - 

Backtrace:
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin/compiler.rb:481:in `read'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin/compiler.rb:481:in `update_stylesheet'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin/compiler.rb:209:in `each'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin/compiler.rb:293:in `watch'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/plugin.rb:108:in `method_missing'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/exec/sass_scss.rb:370:in `watch_or_update'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/exec/sass_scss.rb:50:in `process_result'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/exec/base.rb:52:in `parse'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/lib/sass/exec/base.rb:19:in `parse!'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1@global/gems/sass-3.4.5/bin/sass:13:in `<top (required)>'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1/bin/sass:23:in `load'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1/bin/sass:23:in `<main>'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1/bin/ruby_executable_hooks:15:in `eval'
/Users/patrickmeaney/.rvm/gems/ruby-2.1.1/bin/ruby_executable_hooks:15:in `<main>'
*/
body:before {
  white-space: pre;
  font-family: monospace;
  content: "Errno::ENOENT: No such file or directory @ rb_sysopen - "; }

terminal commands

>>> Change detected to: css-sass/sass/sass-main.sass
      write ./css-sass/sass/sass-main.css
      write ./css-sass/sass/sass-main.css.map