/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./style/templates/coming-soon.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.coming-soon {
  text-align: center;
  padding: 80px 0;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FEFDF8;
}
.coming-soon .container {
  max-width: calc(100% - 48px);
}
@media screen and (min-width: 1081px) {
  .coming-soon .container {
    max-width: 96%;
  }
}
.coming-soon .logo-box {
  margin-bottom: 40px;
  animation: spin 20s linear infinite;
}
.coming-soon .logo-box .logo {
  width: 120px;
  height: auto;
}
.coming-soon h1 {
  font-size: 36px;
  color: #1A2A4A;
  margin: 0 0 20px;
  padding: 0;
}
.coming-soon .desc {
  font-size: 18px;
  color: #1A2A4A;
  max-width: 500px;
  margin: 0 auto;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .coming-soon {
    padding: 100px 0;
  }
  .coming-soon h1 {
    font-size: 48px;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=coming-soon_style.css.map*/