apoca1ipsis

.header {
display: flex;
}
Внутри flex ведут себя как display: block;

1500px=100vw
48px=3.2vw

Если нужен весь сайт в vw, то надо все размеры из дизайна разделить на 15 и результат деление и есть vw.
Было у меня ТЗ, вёрстка нужна в vw. Результат можно увидеть тут

Может что-то подобное попробовать?

<ol>
  <li><span>EVERY DAY, MORE THAN 1,000 JORNEYS</span></li>
  <li><span>MORE THAN 240 MISSIONS</span></li>
  <li><span>29 SORTING AND DISTRIBUTION CENTERS</span></li>
  <li><span>MORE THAN 1 THOUSAND EMPLOYEES</span></li>
</ol>

.about .about-items.delivery-solutions ol li span {
    position: relative;
    padding-left: 12px;
}

.about .about-items.delivery-solutions ol li span::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #f00;
    position: absolute;
    left: 0;
    bottom: 0;
}