.section-offset {
    scroll-margin-top: 100px; /* Visina header-a */
}

/* Gornja traka */
.top-bar {
    position: fixed;
    width: 100%;
    z-index: 999; /* Da bi header bio iznad ostalog sadržaja */
    top: 0;
    background-color: #1d337f;  /* Tamnoplavi tekst prilikom hover efekta */
    ; /* Siva */
    height: 150px; /* Visina header-a */
    display: flex;
    align-items: center; /* Vertikalno centriranje logotipa */
}

/* Centriranje naslova sekcije */
.section-title {
    text-align: center;
}

/* Stilizacija logotipa */
.top-bar .logo {
    height: 6dvh; /* Veličina logotipa */
}

/* Navigacija */
.navbar-nav .nav-link {
    font-size: 22px; /* Veći font za stavke menija */
    font-weight: 600;
    margin-right: 250px; /* Razmak između stavki menija */
    color: #00008b; /* Teget boja za tekst */
}

/* Navigacija - stil linkova */
.navbar-nav .nav-link:hover {
    color: #00008b; /* Tamnoplavi tekst prilikom hover efekta */
}

.navbar-nav .nav-link:hover {
    color: #d3d3d3; /* Hover efekat */
}

/* Footer stilizacija */
.footer {
    background-color: #001f3f; /* Teget boja */
    color: #d3d3d3; /* Siva boja za tekst */
    padding: 40px 0;
    font-size: 14px;
}

.footer p {
    margin-bottom: 10px; /* Razmak između linija u footer-u */
}
body {
    font-family: 'Noto Sans', sans-serif; /* Postavlja Noto Sans kao osnovni font */
}

h1, h2, h3 {
    font-weight: 800; /* Bold za naslove */
}

p {
    font-weight: 400; /* Normalna debljina za tekst */
    font-size: 24px; /* Veličina fonta za paragraf */
}

.italic-text {
    font-style: italic; /* Stil za italic tekst */
}

.light-text {
    font-weight: 100; /* Najtanja verzija fonta */
}

.bold-text {
    font-weight: 900; /* Najdeblja verzija fonta */
}
/* Stilizacija footera */
.footer {
    background-color: #1d337f; /* Teget boja */
    color: #d3d3d3; /* Siva boja za tekst */
    padding: 40px 0;
}

.footer p {
    margin-bottom: 20px; /* Razmak između linija u footer-u */
}

/* Sekcije sa marginom */
section {
    margin-bottom: 
    0px; /* Razmak između sekcija za bolju preglednost */
}

/* Stilizacija navigacionih linkova */
.navbar-nav .nav-link {
    color: white;
}

.navbar-nav .nav-link:hover {
    color: #d3d3d3;
}

/* Srednja kolona footera */
.footer .text-center {
    font-weight: 700; /* Bold za kontakt informacije */
}
/* Stilizacija za mapu */
.map-container {
    box-shadow: 3 4px 8px rgba(0, 0, 0, 0.1); /* Blaga senka ispod mape */
    border-radius: 12px; /* Zaobljeni uglovi */
    overflow: hidden; /* Zaobljenje mape */
    margin-bottom: 20px;
}

/* Stilizacija za tekstualni deo pored mape */
#location h3 {
    font-weight: 700;
    margin-bottom: 15px;
}

#location p {
    font-size: 16px;
    line-height: 1.6;
}
#about, #services, #location {
    height: 90vh;
}
html {
    scroll-behavior: smooth; /* Omogućava glatko skrolovanje */
}
.formated-text {
    line-height: 2;
}
p {
    text-indent: 0; /* Nema uvlačenja teksta */
}
p {
    margin-bottom: 30px; /* Povećava razmak između svih paragrafa */
} 
.indented-text {
    text-indent: 125px; /* Uvlačenje prvog reda za 30px */
}
p {
    text-align: justify; /* Tekst će biti justifikovan, centriran po obe margine */
}
.scroll-section {
    scroll-margin-top: 160px; /* Dodaj razmak koji odgovara visini header-a */
}