/* ==========================================================================
 * GLOBAL LESS
 * ========================================================================== */
/* Variables
 * ========================================================================== */
/* ==========================================================================
 * VARIABLES
 * ========================================================================== */
/* page
 * ========================================================================== */
/* steps
 * ========================================================================== */
/* screen
 * ========================================================================== */
/* Demo
 * ========================================================================== */
/**
 * ==========================================================================
 * COLOR
 * ========================================================================== */
header .width-fixed {
  background-color: #5b162d;
  text-align: center;
}
@media screen and (max-width:1599px) {
  header .width-fixed {
    background-color: #722c49;
  }
}
@media screen and (max-width:1439px) {
  header .width-fixed {
    background-color: #894366;
  }
}
@media screen and (max-width:1279px) {
  header .width-fixed {
    background-color: #a05982;
  }
}
@media screen and (max-width:959px) {
  header .width-fixed {
    background-color: #b7709f;
  }
}
@media screen and (max-width:759px) {
  header .width-fixed {
    background-color: #ce86bb;
  }
}
[class*="show-"] {
  display: none;
  color: #fff;
  padding: 10px;
  margin: 0 auto;
  font-size: 22px;
}
@media screen and (min-width:1600px) {
  .show-x-large {
    display: inline-block;
  }
}
@media screen and (min-width:1440px) and (max-width:1599px) {
  .show-large {
    display: inline-block;
  }
}
@media screen and (min-width:1280px) and (max-width:1439px) {
  .show-medium {
    display: inline-block;
  }
}
@media screen and (min-width:960px) and (max-width:1279px) {
  .show-small {
    display: inline-block;
  }
}
@media screen and (min-width:760px) and (max-width:959px) {
  .show-x-small {
    display: inline-block;
  }
}
@media screen and (max-width:759px) {
  .show-mobile {
    display: inline-block;
  }
}
/*# sourceMappingURL=dist/demo.css.map */