/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./srx/themes/sparky.scss ***!
  \*****************************************************************************************************************/
/**
 * Generate classes with extend the main class.
 * For example:
 * origin: .flex
 * output: .flex-md, .flex-up
 * @param  {[type]} $mapped  [description]
 * @param  {[type]} $prefix  [description]
 * @param  {[type]} $suffix: ''            [description]
 * @return {[type]}          [description]
 */
/**
 * Generate classes with within same level for
 * utilities.
 * For example:
 * origin: .align
 * output: .align-items-center
 * @param  array $mapped  [description]
 * @param  string $classx  [description]
 * @param  string $prefix  [description]
 * @param  string $suffix: ''            [description]
 * @return {[type]}          [description]
 */
/**
 * Generate classes with within same level for
 * utilities.
 * For example:
 * origin: .grid
 * output: .grid.cols-3-md
 * @param  array $mapped  [description]
 * @param  string $classx  [description]
 * @param  string $prefix  [description]
 * @param  string $suffix: ''            [description]
 * @return {[type]}          [description]
 */
/**
* Generate classes as direct child of target classses
* For example:
* origin: .grid
* output: .grid > .col-3-md
* @param  array $mapped  [description]
* @param  string $classx  [description]
* @param  string $prefix  [description]
* @param  string $suffix: ''            [description]
* @return {[type]}          [description]
*/
:root {
  --color-red: #e1251b;
  --color-primary: #fce200;
  --color-secondary: #e1251b;
  --color-secondary-text: #ffffff;
}

.header-info {
  color: #ffffff;
  background-color: #e1251b;
}

.bookform {
  color: #000;
  background: #ffffff;
  max-width: 400px;
  margin: 0 auto;
}

.header {
  border-bottom: 1px solid #000;
}
.header .header-info {
  border-bottom: 1px solid #000;
}
.header .header-info .container {
  font-weight: bold;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .header .site-logo {
    z-index: 9;
    margin-bottom: -60px;
  }
  .header .site-logo img {
    width: 160px;
    height: 80px;
  }
}