/* Default text elements typos */
/*html,
body {
  overflow: auto;
}*/
.cnc {
  font-size: 16px;
}
.cnc .h1,
.cnc .h2,
.cnc .h3,
.cnc .text {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 200%;
}

.cnc .h1 {
  font-size: 500%;
}
.cnc .h2 {
  font-size: 400%;
}
.cnc .h3 {
  font-size: 300%;
  text-decoration: italic;
}
.cnc .text {
  font-size: 200%;
}

.cnc .text .elementpart p {
  margin: 0;
}

.cnc .h1 .ql-size-huge,
.cnc .h2 .ql-size-huge,
.cnc .h3 .ql-size-huge,
.cnc .text .ql-size-huge {
  font-size: 150%;
}
.cnc .h1 .ql-size-large,
.cnc .h2 .ql-size-large,
.cnc .h3 .ql-size-large,
.cnc .text .ql-size-large {
  font-size: 125%;
}
.cnc .h1 .ql-size-small,
.cnc .h2 .ql-size-small,
.cnc .h3 .ql-size-small,
.cnc .text .ql-size-small {
  font-size: 75%;
}

@media screen and (max-width: 800px) {
  .cnc {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .cnc {
    font-size: 12px;
  }
}
/* responsive images */
.cnc img {
  max-width: 100%;
}
.cnc .cnc-legal img {
  width: 150px;
  max-width: 30vw;
}
/* size of container */
.cnc.default {
  height: 100vh; /* fallback for non supported vars in browser */
  max-height: calc(var(--vh, 1vh) * 100) !important;
}
/* background image default positioning */
.cnc.bg,
.cnc .cnc-back {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/** Background elements positioning */
.cnc .back {
  position: absolute;
}
.cnc .back.t {
  top: 0;
}
.cnc .back.b {
  bottom: 0;
}
.cnc .back.l {
  left: 0;
}
.cnc .back.r {
  right: 0;
}
.cnc .back.t-1 {
  top: 10px;
}
.cnc .back.b-1 {
  bottom: 10px;
}
.cnc .back.l-1 {
  left: 10px;
}
.cnc .back.r-1 {
  right: 10px;
}
.cnc .back.t-2 {
  top: 20px;
}
.cnc .back.b-2 {
  bottom: 20px;
}
.cnc .back.l-2 {
  left: 20px;
}
.cnc .back.r-2 {
  right: 20px;
}
.cnc .back.t-3 {
  top: 30px;
}
.cnc .back.b-3 {
  bottom: 30px;
}
.cnc .back.l-3 {
  left: 30px;
}
.cnc .back.r-3 {
  right: 30px;
}
.cnc .back.t-4 {
  top: 40px;
}
.cnc .back.b-4 {
  bottom: 40px;
}
.cnc .back.l-4 {
  left: 40px;
}
.cnc .back.r-4 {
  right: 40px;
}
.cnc .back.ch {
  left: 50%;
  transform: translateX(-50%);
}
.cnc .back.cv {
  top: 50%;
  transform: translateY(-50%);
}
.cnc .back.cv.ch {
  transform: translate(-50%, -50%);
}

.cnc a.nocss {
  color: inherit !important;
  text-decoration: inherit !important;
}