@media screen and (max-width: 767px) {
  h1 {
    font-size: 35px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3.h5 {
    font-size: 16px !important;
  }
}

.flex-50 {
  flex: 1 1 50%
}
.flex-55{
  flex: 1 1 55%;
}
.flex-45{
  flex: 1 1 45%!important;
}
.check {
  max-width: 40px;
  margin: 0 10px 0 0;
}
.h-400{
    max-height: 400px;
}
.p-bottom{
  padding-bottom: 50px;
}
.p-top{
  padding-top: 50px;
}
@media screen and (max-width: 480px) {
    .p-bottom {
        padding-bottom: 25px;
    }
    .p-top{
      padding-top: 25px;
    }
}
.content-page--article{
    h1 {
      font-size: 2rem !important;
    }
    
    h2 {
      font-size: 1.6rem !important;
    }
    
    h3 {
      font-size: 1.15rem !important;
    }
    
    /*ul,ol{margin:0 0 16px 20px}*/
    .checklist li img{
        max-width: 40px;
        margin: 0 10px 10px 0;
    }
    .note {
      background: #f8fafc;
      border-left: 4px solid #4f46e5;
      padding: 12px 14px;
      border-radius: 6px
    }
    
    table {
      width: 100%;
      border-collapse: collapse;
      margin: 18px 0
    }
    
    th,
    td {
      border: 1px solid #e2e8f0!important;
      padding: 10px 12px!important;
      vertical-align: top!important;
    }
    
    th {
      background: #f1f5f9;
      text-align: left
    }
    
    .ok span {
      font-size: 30px;
      line-height: 1.2;
      color: #04AA6D;
    }
    
    .kbd {
      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
      background: #f1f5f9;
      padding: 2px 6px;
      border-radius: 4px
    }
    
    .tag {
      display: inline-block;
      background: #eef2ff;
      color: #3730a3;
      border: 1px solid #c7d2fe;
      border-radius: 999px;
      padding: 3px 10px;
      margin: 2px 6px 2px 0;
      font-size: .85rem
    }
    
    .block-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    .block-wrap>div {
        flex: 1 1 calc((100% - 20px) / 2);
    }
    
    @media screen and (max-width: 768px) {
        .block-wrap>div {
            flex: 1 1 100%;
        }
    }
    
    .cta {
      background: #111827;
      color: #fff;
      border-radius: 10px;
      padding: 14px 16px
    }
    
    .cta a {
      color: #93c5fd;
      text-decoration: none
    }

    .cta-footer {
      background: #202942;
      color: #fff;
      border-radius: 10px;
      padding: 14px 16px
    }
}

    
.w-100 img {
    max-width: 800px;
    width: 100%;
    height: auto;
    max-height: 700px;
    object-fit: contain;
}