article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
  font-family: ""; }

body {
  margin: 0; }

a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 100%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.1em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
@font-face {
  font-family: 'AlternateGothicNo3DRegular';
  src: url("../fonts/AlternateGothicNo3DRegular.eot");
  src: url("../fonts/AlternateGothicNo3DRegular.eot") format("embedded-opentype"), url("../fonts/AlternateGothicNo3DRegular.woff2") format("woff2"), url("../fonts/AlternateGothicNo3DRegular.woff") format("woff"), url("../fonts/AlternateGothicNo3DRegular.ttf") format("truetype"), url("../fonts/AlternateGothicNo3DRegular.svg#AlternateGothicNo3DRegular") format("svg"); }

@font-face {
  font-family: 'ProximaNovaAltReg';
  src: url("../fonts/ProximaNovaAltReg.eot");
  src: url("../fonts/ProximaNovaAltReg.eot") format("embedded-opentype"), url("../fonts/ProximaNovaAltReg.woff2") format("woff2"), url("../fonts/ProximaNovaAltReg.woff") format("woff"), url("../fonts/ProximaNovaAltReg.ttf") format("truetype"), url("../fonts/ProximaNovaAltReg.svg#ProximaNovaAltReg") format("svg"); }

/*	variables	*/
/* colors */
/* colors */
a, a:focus, a:active, a:hover {
  text-decoration: none;
  outline: 0 none; }

a {
  color: white;
  text-decoration: none; }

input, textarea, button {
  border: 0 none;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

img {
  -khtml-transition: 0.2s linear ease-in-out;
  transition: 0.2s linear ease-in-out; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  line-height: 1; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

ol {
  margin: 0;
  padding: 0; }

ul li, p {
  margin: 0;
  padding: 0; }

::-webkit-input-placeholder {
  color: #666666; }

:-moz-placeholder {
  color: #666666;
  opacity: 1; }

::-moz-placeholder {
  color: #666666;
  opacity: 1; }

:-ms-input-placeholder {
  color: #666666; }

*:focus {
  outline: none; }

select {
  background: #FFFFFF;
  -webkit-border-radius: 0px; }

/*	@include classes	*/
.clear {
  clear: both; }
  .clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.left {
  float: left; }

.right {
  float: right; }

.hide {
  display: none; }

.show {
  display: block; }

.center {
  text-align: center; }

.non-mobile {
  display: block; }

.mobile {
  display: none; }

/*	@exclude mixin	*/
.buttons {
  text-align: center; }
  .buttons .button, .buttons input[type="submit"] {
    display: inline-block;
    font-size: 3.2em;
    font-family: "AlternateGothicNo3DRegular", sans-serif;
    width: auto;
    border-radius: 10px;
    background: #e7ba1d;
    color: white;
    padding: 0.2em 2em;
    margin-top: 0.2em;
    line-height: 1;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .buttons .button:hover, .buttons input[type="submit"]:hover {
      filter: contrast(120%); }

/*	page 	*/
body {
  color: #000000;
  background: #FFFFFF;
  font-family: "ProximaNovaAltReg", sans-serif;
  font-size: 10px;
  background: #361d14; }

h1 {
  color: white;
  font-size: 5em;
  font-family: "AlternateGothicNo3DRegular", sans-serif; }

h3 {
  color: white;
  font-size: 2.4em;
  font-family: "AlternateGothicNo3DRegular", sans-serif; }

p {
  color: white;
  font-size: 1.6em;
  font-family: "ProximaNovaAltReg", sans-serif;
  line-height: 1.4;
  padding: 0.5em 0; }

/*---------------Header----------------*/
header {
  position: relative;
  z-index: 10; }
  header .logo-section {
    position: relative;
    width: 100%;
    height: 264px;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/header-bg1.jpg) 0 center no-repeat;
    background-size: cover; }
    header .logo-section .logo {
      position: absolute;
      top: 30px;
      right: 4%; }
      header .logo-section .logo img {
        display: block; }
    header .logo-section .sticker {
      position: absolute;
      top: 10px;
      right: 4%;
      width: 120px; }
      header .logo-section .sticker img {
        width: 100%;
        height: auto;
        display: block; }
  header .sticker-section {
    position: relative;
    width: 100%;
    padding: 1em;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/header-bg2.jpg) center center repeat;
    background-size: cover; }
    header .sticker-section .container {
      width: 60%;
      margin: 0 auto;
      max-width: 880px; }
      header .sticker-section .container .about {
        width: 75%;
        max-width: 580px; }
        header .sticker-section .container .about h1 {
          font-size: 5em; }
      header .sticker-section .container .sticker {
        width: 25%;
        margin: -4em 0;
        max-width: 190px; }
        header .sticker-section .container .sticker img {
          width: 100%;
          height: auto;
          display: block; }

.error {
  color: #ec1e30;
  font-size: 1.6em;
  margin-bottom: 1em; }

.coming-soon-content {
  position: relative;
  padding: 12em 25%;
  background: url(../images/coming-soon-bg.jpg) center center no-repeat;
  background-size: cover;
  text-align: center; }
  .coming-soon-content .coming {
    position: relative;
    width: 484px;
    margin: 1em auto 0.4em; }
    .coming-soon-content .coming::before, .coming-soon-content .coming::after {
      content: '';
      background: url("../images/coming-soon-line.jpg") no-repeat center center;
      background-size: 100%;
      height: 2px;
      width: 170px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%); }
    .coming-soon-content .coming::before {
      left: 0; }
    .coming-soon-content .coming::after {
      right: 0; }
  .coming-soon-content h1 {
    font-size: 6.6em; }
  .coming-soon-content .ways-to-enter {
    background: #361d14;
    border-radius: 10px;
    padding: 0.5em;
    margin: 2em; }
    .coming-soon-content .ways-to-enter .container {
      border: 2px solid #52352b;
      border-radius: 10px;
      padding: 0.3em 0; }
      .coming-soon-content .ways-to-enter .container h3 {
        margin: 0.3em 0 0; }
  .coming-soon-content .free-code {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #361d14;
    width: 100%;
    text-align: left;
    padding: 0.3em 0 0.4em 2%;
    box-sizing: border-box; }
    .coming-soon-content .free-code a {
      text-decoration: underline; }
      .coming-soon-content .free-code a:hover {
        color: #e7ba1d; }

.home-container {
  background: #361d14; }
  .home-container .destinations li {
    display: inline-block;
    width: 19.6%;
    float: left;
    background: #cdc7c5;
    margin-right: 0.5%; }
    .home-container .destinations li:last-child {
      margin-right: 0; }
    .home-container .destinations li img {
      width: 100.5%;
      height: auto;
      display: block;
      -khtml-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .home-container .destinations li figure {
      overflow: hidden; }
    .home-container .destinations li figcaption {
      font-size: 1.6em;
      font-family: "AlternateGothicNo3DRegular", sans-serif;
      text-align: center;
      padding: 0.6em 0; }
  .home-container h1 {
    font-size: 2.6em;
    text-align: center;
    padding: 1.4em 0 0; }
  .home-container p {
    text-align: center; }
    .home-container p a {
      text-decoration: underline; }
      .home-container p a:hover {
        color: #e7ba1d; }
    .home-container p.free-code {
      text-align: left;
      margin: 0 2% 0; }
  .home-container hr {
    margin: 3em 0 0; }

.register-form-container {
  background: url(../images/form-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 4em 6%; }
  .register-form-container .small {
    font-size: 1.3em;
    color: black; }
    .register-form-container .small.free-code {
      text-align: center; }
      .register-form-container .small.free-code a {
        color: black;
        text-decoration: underline; }
        .register-form-container .small.free-code a:hover {
          color: #e7ba1d; }
  .register-form-container form {
    width: 100%;
    padding: 2em 0; }
    .register-form-container form .row {
      width: 100%; }
      .register-form-container form .row .left, .register-form-container form .row .right {
        width: 48%; }
      .register-form-container form .row.file-upload .left {
        width: 20%;
        position: relative;
        color: #a1a1a1;
        background: #dadada;
        -khtml-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.3em 1em;
        border-radius: 8px 0 0 8px;
        font-size: 1.8em;
        font-family: "ProximaNovaAltReg", sans-serif;
        text-align: center;
        margin-bottom: 3em; }
        .register-form-container form .row.file-upload .left:hover {
          color: #dadada;
          background: #a1a1a1; }
        .register-form-container form .row.file-upload .left input[type="file"] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
      .register-form-container form .row.file-upload .right {
        width: 80%;
        border-radius: 0 8px 8px 0; }
    .register-form-container form label {
      font-size: 1.8em;
      font-family: "ProximaNovaAltReg", sans-serif;
      padding: 0 0 0.6em;
      display: block; }
      .register-form-container form label.title {
        color: #e7ba1d;
        font-size: 2.6em;
        font-family: "AlternateGothicNo3DRegular", sans-serif; }
    .register-form-container form input[type="text"], .register-form-container form select {
      background: white;
      -khtml-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      color: #000000;
      padding: 0.3em 1em;
      border-radius: 8px;
      font-size: 1.8em;
      font-family: "ProximaNovaAltReg", sans-serif;
      width: 100%;
      margin-bottom: 1.5em;
      border: 1px solid white; }
      .register-form-container form input[type="text"].error, .register-form-container form select.error {
        color: #ec1e30;
        border: 1px solid #ec1e30; }
        .register-form-container form input[type="text"].error::-webkit-input-placeholder, .register-form-container form input[type="text"].error:-moz-placeholder, .register-form-container form input[type="text"].error::-moz-placeholder, .register-form-container form input[type="text"].error:-ms-input-placeholder, .register-form-container form select.error::-webkit-input-placeholder, .register-form-container form select.error:-moz-placeholder, .register-form-container form select.error::-moz-placeholder, .register-form-container form select.error:-ms-input-placeholder {
          color: #ec1e30; }
      .register-form-container form input[type="text"].input-code, .register-form-container form select.input-code {
        border: 2px solid #e7ba1d; }
    .register-form-container form select {
      border: none; }
    .register-form-container form hr {
      margin: 4em 0; }
    .register-form-container form .tnc.left {
      width: 45%; }
    .register-form-container form .tnc.right {
      width: 55%; }
    .register-form-container form .tnc input[type=checkbox].css-checkbox {
      position: absolute;
      z-index: -1000;
      left: -1000px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      height: 1px;
      width: 1px;
      margin: -1px;
      padding: 0;
      border: 0; }
    .register-form-container form .tnc input[type=checkbox].css-checkbox + label.css-label {
      text-indent: 0;
      padding-left: 3em;
      font-size: 1.3em;
      font-weight: normal;
      margin-bottom: 1em;
      min-height: 24px;
      line-height: 1.8;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: 0 0;
      vertical-align: middle;
      cursor: pointer; }
    .register-form-container form .tnc input[type=checkbox].css-checkbox:checked + label.css-label {
      background-position: 0 -216px; }
    .register-form-container form .tnc input[type=checkbox].css-checkbox + label.css-label.error {
      background-position: 0 -456px; }
    .register-form-container form .tnc label.css-label {
      font-size: 1em;
      background-image: url(../images/chk-box-sm.png);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .register-form-container form .tnc label.css-label a {
        color: black; }
        .register-form-container form .tnc label.css-label a:hover {
          color: #e7ba1d; }
    .register-form-container form input[type="submit"] {
      padding: 0.2em 6em; }

.rules {
  background: url(../images/form-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 4em 10%; }
  .rules h1 {
    font-size: 3.4em;
    font-family: "AlternateGothicNo3DRegular", sans-serif;
    color: black;
    margin: 0.2em 0 0.6em; }
  .rules h2 {
    font-size: 2em;
    font-family: "AlternateGothicNo3DRegular", sans-serif;
    color: black;
    margin: 1em 0 0; }
  .rules h3 {
    font-size: 1.8em;
    font-family: "ProximaNovaAltReg", sans-serif;
    font-weight: bold;
    color: black; }
  .rules p {
    font-size: 1.4em;
    font-family: "ProximaNovaAltReg", sans-serif;
    color: black; }
    .rules p.bullets {
      margin: 1em 5%; }

.popup-area {
  background: #e7ba1d;
  border: 2px solid white;
  border-radius: 10px;
  -khtml-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }
  .popup-area h1 {
    font-family: "AlternateGothicNo3DRegular", sans-serif;
    font-size: 4em;
    color: white;
    margin: 0.8em 0 0.5em; }
  .popup-area p {
    font-size: 1.6em;
    color: #FFFFFF;
    margin-bottom: 1em;
    line-height: 1.6;
    padding: 0 11%; }
    .popup-area p a {
      text-decoration: underline;
      color: #FFFFFF; }
    .popup-area p.small {
      font-size: 1.3em; }
  .popup-area input[type="submit"], .popup-area .button {
    background: white;
    color: #e7ba1d;
    font-size: 3em;
    margin: 0.5em auto; }
    .popup-area input[type="submit"].inspiration, .popup-area .button.inspiration {
      padding: 0.2em 0.5em;
      margin-bottom: 2em; }
  .popup-area.winner .spatula {
    width: 300px;
    margin: 2em auto 0; }
    .popup-area.winner .spatula img {
      width: 100%;
      height: auto;
      display: block; }
  .popup-area.winner h1 {
    margin: 0; }
  .popup-area.loser {
    padding: 4em; }
  .popup-area.rules {
    padding: 2em 4%;
    text-align: left; }
    .popup-area.rules h1 {
      font-size: 3.4em;
      font-family: "AlternateGothicNo3DRegular", sans-serif;
      color: white;
      margin: 0.2em 0 0.6em; }
    .popup-area.rules h2 {
      font-size: 2em;
      font-family: "AlternateGothicNo3DRegular", sans-serif;
      color: white;
      margin: 1em 0 0; }
    .popup-area.rules h3 {
      font-size: 1.8em;
      font-family: "ProximaNovaAltReg", sans-serif;
      font-weight: bold;
      color: white; }
    .popup-area.rules p {
      font-size: 1.4em;
      font-family: "ProximaNovaAltReg", sans-serif;
      color: white;
      padding: 0; }
      .popup-area.rules p.bullets {
        margin: 1em 5%; }

.popup-form {
  margin: 0 auto;
  width: 80%; }
  .popup-form input[type="text"] {
    background: white;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    text-align: center;
    padding: 0.4em 0;
    font-size: 2.4em;
    width: 100%;
    border-radius: 8px;
    font-family: "ProximaNovaAltReg", sans-serif;
    margin-bottom: 1em; }
    .popup-form input[type="text"]::-webkit-input-placeholder {
      color: #cdc7c5; }
    .popup-form input[type="text"]:-moz-placeholder {
      color: #cdc7c5; }
    .popup-form input[type="text"]::-moz-placeholder {
      color: #cdc7c5; }
    .popup-form input[type="text"]:-ms-input-placeholder {
      color: #cdc7c5; }
  .popup-form label {
    color: white;
    font-size: 1.6em;
    font-family: "ProximaNovaAltReg", sans-serif;
    padding: 0 0 0.6em;
    display: block;
    text-align: center; }
  .popup-form .row {
    width: 100%; }
    .popup-form .row.file-upload .left {
      width: 30%;
      position: relative;
      color: #a1a1a1;
      background: #dadada;
      -khtml-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0.6em 1em;
      border-radius: 8px 0 0 8px;
      font-size: 2em;
      font-family: "ProximaNovaAltReg", sans-serif;
      text-align: center; }
      .popup-form .row.file-upload .left:hover {
        color: #dadada;
        background: #a1a1a1; }
      .popup-form .row.file-upload .left input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0; }
    .popup-form .row.file-upload .right {
      width: 70%;
      border-radius: 0 8px 8px 0; }

/*---------------Footer----------------*/
footer {
  width: 100%;
  padding: 2em 0 2em 2%;
  -khtml-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/header-bg2.jpg) center center repeat;
  background-size: cover; }
  footer .copyright {
    font-size: 1.2em;
    padding: 1em 0.5em;
    color: white;
    font-family: "ProximaNovaAltReg", sans-serif; }
  footer .links {
    font-size: 1.4em;
    line-height: 1.5;
    color: white; }
    footer .links .chefmate {
      color: #ec1e30; }
    footer .links a {
      margin: 0 0.5em;
      color: white;
      text-decoration: underline; }
      footer .links a:hover {
        color: #e7ba1d; }
      footer .links a.powered {
        text-decoration: none; }

@keyframes animate_background {
  0% {
    background-position: 0 center; }
  25% {
    background-position: 0 100%; }
  50% {
    background-position: 0 center; }
  75% {
    background-position: 0 0; }
  100% {
    background-position: 0 center; } }

@media screen and (max-width: 1300px) {
  /*1300px*/
  header .sticker-section .container {
    width: 81%; } }

@media screen and (max-width: 960px) {
  /*960px*/
  header .logo-section {
    height: 220px; }
  header .sticker-section .container {
    width: 91%; }
    header .sticker-section .container .about h1 {
      font-size: 4em; }
    header .sticker-section .container .about p {
      font-size: 1.5em;
      line-height: 1.2; }
  .coming-soon-content {
    padding: 5em 13%; } }

@media screen and (max-width: 640px) {
  /*640px*/
  .non-mobile {
    display: none; }
  .mobile {
    display: block; }
  header .logo-section {
    height: 180px;
    animation-duration: 60s; }
    header .logo-section .logo {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -16px;
      top: auto;
      right: auto;
      z-index: 1; }
  header .sticker-section {
    padding: 3em;
    text-align: center; }
    header .sticker-section .container .about {
      width: 100%; }
      header .sticker-section .container .about h1 {
        font-size: 5em; }
  .coming-soon-content {
    padding: 3em 7% 6em; }
    .coming-soon-content .coming {
      width: 255px; }
      .coming-soon-content .coming::before, .coming-soon-content .coming::after {
        width: 56px; }
    .coming-soon-content p {
      padding: 0.5em 5%; }
      .coming-soon-content p.free-code {
        font-size: 1.4em; }
  .home-container h1 {
    font-size: 2.4em; }
  .home-container p {
    font-size: 1.4em; }
    .home-container p.free-code {
      text-align: center; }
  .home-container .buttons {
    margin: 2em; }
  .register-form-container form label {
    font-size: 1.5em;
    padding: 0 0 0.2em; }
  .register-form-container form input[type="text"], .register-form-container form select {
    font-size: 1.6em;
    margin-bottom: 1em; }
  .register-form-container form hr {
    margin: 2em 0; }
  .register-form-container form input[type="submit"] {
    padding: 0.2em 3em; }
  .register-form-container form .row .left, .register-form-container form .row .right {
    width: 100%; }
  .register-form-container form .row.file-upload .left {
    float: left;
    width: 30%;
    padding: 0.3em 0; }
  .register-form-container form .row.file-upload .right {
    float: right;
    width: 70%; }
  #cboxLoadedContent {
    border: 5px solid #e7ba1d; }
  .popup-area h1 {
    font-size: 3em; }
  .popup-area p {
    padding: 0.6em 4%; }
  .popup-area input[type="submit"] {
    font-size: 2.5em; }
  .popup-area .button {
    font-size: 2.2em;
    margin: 0 3%;
    padding: 0.5em; }
  .popup-area.winner .spatula {
    width: 200px; }
  .popup-area.loser {
    padding: 2em 0; }
  .popup-form input[type="text"] {
    font-size: 1.5em; }
  .popup-form .row.file-upload .left {
    padding: 0.4em 1em;
    font-size: 1.5em;
    width: 40%; }
  .popup-form .row.file-upload .right {
    width: 60%; }
  .popup-form .error {
    font-size: 1.4em; }
  .rules {
    padding: 4em 5%;
    word-wrap: break-word; }
  footer {
    text-align: center; }
    footer .chefmate-divider {
      display: none; }
    footer .powered {
      display: block; } }

@media screen and (max-width: 480px) {
  /*480px*/ }

/*# sourceMappingURL=site.css.map */