Adding defaults to your background mixing

So far, we've been using a similar layout for both of our longer pages.…Let's try something different.…We're going to do a layout that makes content be sized at 50% of the browser…window when it's a certain size, and 100% of the browser window otherwise.…Now, we're also going to need to adjust our background image mixin.…That's the one that we created earlier, and is under the mixins.scss file.…So we're going to need to make some adjustments so…that we can position the images within our content a little bit better.…

And I'll also show you how to add a gradient to this.…But before we do that, let's go ahead and move over into our index.html file.…Just to take a look at this section and how it's coded again.…So we've got this div with a class of scene,…just like all the other scenes, and an id of event.…And then we have two articles, one for each one of the elements.…So we have a businessmeetings id element here, and a weddings element over here.…Notice that because they both have the class of fullheight,…