Full size background images

full-size-photo-mixin.scss

@mixin full-size-images($background) {
  min-height: 700px; // Customize as you wish
  width: 100%;
  display: block;
  background: url($background) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  @media only screen and (max-width: 960px) {
    min-height: 320px; // Customize
    width: 100%;
    background: url($background) no-repeat center;
    -webkit-background-size: none;
    -moz-background-size: none;
    -o-background-size: none;
    background-size: none;
  }
}