/* Účtario – pozadí přes celou šířku obrazovky */
.section-container.section-title {
  background-color: #F0F7F7;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
  padding: 35px max(30px, calc((100vw - 1350px) / 2));
}

/* Zabránění vodorovnému posouvání */
body {
  overflow-x: hidden;
}

/* Účtario – tmavě petrolejové nadpisy */
.section-container.section-title h1,
.section-container.section-title h2,
.section-container.section-title h3 {
  color: #004D4D;
}

/* Účtario – nadpisy na střed */
.section-container.section-title h1,
.section-container.section-title h2,
.section-container.section-title h3 {
  text-align: center;
}

/* Účtario – sjednocení výšky banneru */
#motive {
  height: 600px !important;
  min-height: 600px !important;
}

/* Účtario – tlačítko kontaktního formuláře */
.section-dynamic button[type="submit"],
.section-dynamic input[type="submit"] {
  background-color: #005354 !important;
  border-color: #005354 !important;
  color: #ffffff !important;
}

.section-dynamic button[type="submit"]:hover,
.section-dynamic input[type="submit"]:hover {
  background-color: #003f40 !important;
  border-color: #003f40 !important;
}

/* Účtario – přizpůsobení banneru mobilům */
@media screen and (max-width: 768px) {
  .section-container.section-title {
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
}

/* Účtario – úprava výšky pro mobil */
@media screen and (max-width: 768px) {
  .section-dynamic {
    height: auto !important;
    min-height: 0 !important;
  }
}




/* Účtario – mobilní banner */
@media screen and (max-width: 768px) {
  #motive {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* Účtario – celý banner na mobilu */
@media screen and (max-width: 768px) {

  #motive {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  #motive .motive__background {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

}