@media all and (min-width: 1000px) {
  html {
    font-size: 11px;
  }
}
@media all and (min-width: 1150px) {
  html {
    font-size: 12px;
  }
}
@media all and (min-width: 1330px) {
  html {
    font-size: 14px;
  }
}
@media all and (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}
@media all and (max-width: 1000px) {
  main .screen-one .bl-content {
    min-width: 802px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 64px 32px;
    background-position-x: 246px;
    background-position-y: 194px;
  }
  main .screen-one .bl-content .bl-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .screen-one .bl-content .bl-cards .bl-left,
  main .screen-one .bl-content .bl-cards .bl-right {
    width: 100%;
  }
  main .screen-two {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px;
  }
  main .screen-two .container {
    padding: 80px 24px;
  }
  main .screen-two .container .bl-size {
    gap: 40px;
  }
  main .screen-two .container .bl-size h2 {
    font-size: 56px;
    line-height: 110%;
  }
}
@media all and (max-width: 768px) {
  main .screen-one .bl-content {
    min-width: 361px;
    padding: 40px 16px;
    background-position-x: 130px;
    background-position-y: 66px;
  }
}