@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 {
    padding: 0;
  }
  main .screen-information .bl-content {
    min-width: 802px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 80px 32px;
    background-position-x: 246px;
    background-position-y: 194px;
  }
}
@media all and (max-width: 768px) {
  main .screen-information .bl-content {
    min-width: 361px;
    padding: 80px 16px;
    background-position-x: 130px;
    background-position-y: 66px;
    gap: 40px;
  }
  main .screen-information .bl-content .bl-title h1 {
    font-size: 36px;
    line-height: 40px;
  }
  main .screen-information .bl-content .bl-title p {
    font-size: 14px;
  }
  main .screen-information .bl-content .bl-text h4 {
    font-size: 16px;
    line-height: 24px;
  }
  main .screen-information .bl-content .bl-text .bl-subtext p {
    font-size: 14px;
  }
  main .screen-information .bl-content .bl-text .bl-subtext ul li h5 {
    font-size: 14px;
  }
  main .screen-information .bl-content .bl-text .bl-subtext ul li .bl-gap p {
    font-size: 14px;
  }
}