@font-face {
    font-family: 'muroregular';
    src: url('../fonts/muroregular-webfont.eot');
    src: url('../fonts/muroregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muroregular-webfont.woff') format('woff'),
         url('../fonts/muroregular-webfont.ttf') format('truetype'),
         url('../fonts/muroregular-webfont.svg#muroregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Demi';
	src: url('../fonts/AvenirNextLTPro-Demi.eot?') format('eot'), 
	     url('../fonts/AvenirNextLTPro-Demi.otf')  format('opentype'),
	     url('../fonts/AvenirNextLTPro-Demi.woff') format('woff'), 
	     url('../fonts/AvenirNextLTPro-Demi.ttf')  format('truetype'),
	     url('../fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
}

body {
  margin: 0;
  min-height:  500px;
  background: black url('../images/small_bg.jpg') no-repeat center -25px;
}

#main {
  transition: margin 2s;
  margin-top: 40px;
}

#main h1 {
  font-weight: normal;
  font-family: 'muroregular';
}

#main #fish {
  margin: 0 auto;
  width: 131px;
  height: 59px;
  background: transparent url('../images/sprite.png') no-repeat 0 0;
  margin-bottom: 20px;
}

#main address, 
#main #hours {
  font-style: normal;
  font-family: 'AvenirNextLTPro-Demi';
  text-transform: uppercase;
  line-height: 24px;
}

#main address a {
  color: white;
  text-decoration: none;
}


@media (min-width: 600px) {
  
  #main {
    margin: 100px 0 0 110px;
    position: static;
    text-align: left;
    margin-bottom: 40px;
  }  

  #main {
    margin: 105px 0 0  110px;
    position: static;
    text-align: left;
    margin-bottom: 40px;
  }

  .no-backgroundsize  #main {
    margin: 160px 0 0 163px;
  }

  #main h1 {
    font-size: 3.2em;
    margin-bottom: 50px;
    line-height: 53px;
  }

  #main #fish {
    margin: 0;
    margin-bottom: 50px;
  }
  
  #main address {
    margin-bottom: 50px; 
  }
  
  body {
    background: black url('../images/full_bg.jpg') no-repeat center left fixed; 
    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  } 
  
  .no-backgroundsize body {
    background: black url('../images/full_bg.jpg') no-repeat left top fixed;
  }
    
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  main #fish {
		background-image: url('../images/sprite@2x.png');
		background-size:  131px 59px; 
  }
}