:root {
  --header-height: 6.7rem;
}
@media (width > 768px) {
  :root {
    --header-height: 11.2rem;
  }
}

.phone-number-container {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
}
@media (width <= 768px) {
  .phone-number-container svg path {
    stroke: var(--red-main);
  }
}
@media (width > 768px) {
  .phone-number-container {
    font-size: 1.4rem;
  }
}