[CSS]Rozdzielczość 4k na stronach internetowych Opcje

[TakiTaki]

Cześć,
Mam pytanie do osób które zajmują się css. W związku z tym że jestem laikiem postanowiłem wykorzystać bootstrapa aby jak najmniej kombinować z mobilnością strony (przynajmniej miałem taką nadzieję).
Napisałem cały layout niektóre elementy są na sztywno max 70px. Na telefonie i komputerze wszystko wygląda dobrze problem pojawia się gdy chcę odpalić stronę na tv 4k. Wszystko jest bardzo małe jeśli chodzi tekst czy inne elementy i z odległości już jest problem z odczytaniem tekstu.

Postanowiłem że spróbuje poprawić layout od początku zacząłem od 4k i co jakiś czas sprawdzam jak to wyglądu na innych rozdzielczościach. o ile na konkretnej rozdzielczości jest fajnie ułożone to jak idziemy np. na mniejszą to coś zaraz się podnosi i wszystko się rozjeżdża. Poprawianie każdego elementu na stronie wcale mi się nie uśmiecha może znacie jakieś fajne rozwiązania typu bootstrap gdzie przy większych rozdzielczościach wszystko się skaluje czy coś podobnego?

Szczerze mówiąc nie wiem jak to ugryźć żeby było dobrze. Napisałem sam layout pod navbara i jest już 180 linijek kodu, gotowy pod telefony i pc miał coś kolo 430. Obecnie muszę poprawiać każdy element typu input pod 4k i troszkę mniejszą rozdzielczość.

Dzięki za pomoc.

Podrzucam jak wygląda obecnie 4k

[HTML] pobierz, plaintext 
/* For 4K Displays (Ultra HD) */
@media screen and (min-width: 3840px) {
  .navbar {
    background-color: black;
    font-size: 16px;
    /* 100 = viewport width, as 1vw = 1/100th of that
       So if the container is 50% of viewport (as here)
       then factor that into how you want it to size.
       Let's say you like 5vw if it were the whole width,
       then for this container, size it at 2.5vw (5 * .5 [i.e. 50%])
    */
    font-size: 1.8vw;
  }
 
  /* Links inside the navbar */
  .navbar a {
    float: left;
    font-size: 16px;
    font-size: 1.3vw;
    color: white;
    text-align: center;
    padding: 100px 40px;
    text-decoration: none;    
  }
 
  .navbar_search_down{
  padding-top: 8%;
  margin-bottom:10px
  }
 
  .navbar_search_icon{
    font-size:16px;
    font-size: 1.3vw;
  }  
 
  .navbar input[type="text"]
  {
    font-size:16px;
    font-size: 1.3vw;
  }
 
  .dark_mode_hidde{
    display: none !important;
  }
  .dark_mode_show{
    display: block !important;
    margin-left: 20px;
    margin-top: 50px;
  }
 
  .toggle-group label{
    font-size: 40px !important;
  }
}
[HTML] pobierz, plaintext