/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
/* line 23, ../scss/_mixins.scss */
.clearfix {
  zoom: 1;
}
/* line 25, ../scss/_mixins.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 26, ../scss/_mixins.scss */
.clearfix:after {
  clear: both;
}

/*********************
TOOLS
*********************/
/* line 34, ../scss/_mixins.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: 'LeagueGothicRegular';
  src: url("../fonts/leaguegothic-regular.eot");
  src: url("../fonts/leaguegothic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/leaguegothic-regular.woff") format("woff"), url("../fonts/leaguegothic-regular.ttf") format("truetype"), url("../fonts/leaguegothic-regular.svg#league_gothicregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
@font-face {
  font-family: 'amatic_scregular';
  src: url("../fonts/amaticsc-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amaticsc-regular-webfont.woff") format("woff"), url("../fonts/amaticsc-regular-webfont.ttf") format("truetype"), url("../fonts/amaticsc-regular-webfont.svg#amatic_scregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

/* line 28, ../scss/_base.scss */
html, body {
  width: 100%;
  height: 100%;
}

/* line 34, ../scss/_base.scss */
body {
  font-family: sans-serif;
  font-size: 100%;
  padding: 0;
  margin: 0;
}

/* line 42, ../scss/_base.scss */
img {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  /* Specific to this particular image */
  /* line 58, ../scss/_base.scss */
  img {
    left: 50%;
    margin-left: -512px;
    /* 50% */
  }
}
/* line 64, ../scss/_base.scss */
section {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  height: auto !important;
  min-height: 100%;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 40px;
}

/* line 78, ../scss/_base.scss */
div {
  position: absolute;
  bottom: 20px;
  text-align: center;
  width: 100%;
  font-size: 32px;
  font-family: 'juliaengstrmbold';
  color: #000;
}
/* line 88, ../scss/_base.scss */
div a {
  display: block;
  color: #404041;
  font-family: 'amatic_scregular';
}

/* line 96, ../scss/_base.scss */
p {
  line-height: 1.4;
  margin: 0;
}

/* line 102, ../scss/_base.scss */
a, a:link {
  outline: 0;
  text-decoration: none;
}

/* line 108, ../scss/_base.scss */
a, a:visited {
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 111, ../scss/_base.scss */
a:hover, a:focus, a:visited:hover, a:visited:focus {
  text-decoration: underline;
}
/* line 123, ../scss/_base.scss */
a:link, a:visited:link {
  -webkit-tap-highlight-color: black;
}

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
/*
iPHONE 5 MEDIA QUERY
*/