/* ==========================================================================
   Components / MIXINS
   ========================================================================== */
/*********************
  BREAKPOINTS RESPONSIVE LAYOUT
  *********************/
/* ==========================================================================
   Layout / Block Intro Home
   ========================================================================== */
.blockintro {
  display: block;
}
@media (min-width: 1000px) {
  .blockintro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
}
@media (min-width: 1360px) {
  .blockintro {
    gap: 32px;
  }
}
@media (min-width: 1000px) {
  .blockintro > div {
    width: 40%;
    flex-basis: 40%;
    max-width: 755px;
  }
}
@media (min-width: 1500px) {
  .blockintro > div {
    width: 50%;
    flex-basis: 50%;
  }
}
@media (min-width: 1000px) {
  .blockintro > div:first-child {
    width: 60%;
    flex-basis: 60%;
  }
}
@media (min-width: 1000px) {
  .blockintro > div:last-child {
    margin: 10px 0 0;
    position: relative;
    left: -10px;
  }
}
/*# sourceMappingURL=blockintro.css.map */