whe npleapoe have zoom on OS the website get broken


<!DOCTYPE html>
<html lang="hr">
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,>
  <meta name="keywords" content="foto, fotograf, fotografiranje, slikanje, vjenčanja" />
  <meta name="description" content="Tražite profesionalnog fotografa? Lovro Brzaj vam nudi vrhunske fotografske usluge. Nazovite me i rezervirajte svoje snimanje odmah!." />
  <meta name="author" content="Lovro Brzaj" />
  <link rel="canonical" href="https://www.fotograf.com.hr/" />
  <!-- Favicon -->
  <link rel="icon" href="images/FAVICON.png" sizes="32x32" type="image/png" />
  <link rel="apple-touch-icon" sizes="180x180" href="images/FAVICON.png" />
  <link rel="apple-touch-icon" sizes="167x167" href="images/FAVICON.png" />
  <link rel="apple-touch-icon" sizes="152x152" href="images/FAVICON.png" />
  <link rel="apple-touch-icon" sizes="120x120" href="images/FAVICON.png" />
    <title>Fotograf Lovro Brzaj</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/component.css">
	<link rel="stylesheet" href="css/animate.min.css">
	<link rel="stylesheet" href="css/owl.theme.css">
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" href="css/vegas.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Google web font  -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://www.googletagmanager.com">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300&display=swap" rel="stylesheet" type='text/css'>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-77VCCKSSCS"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-77VCCKSSCS');
</script>
</head>
<body id="top" data-spy="scroll" data-offset="50" data-target=".navbar-collapse">


<!-- Preloader section -->

<div class="preloader">
     <div class="sk-spinner sk-spinner-pulse"></div>
</div>


<!-- Navigation section -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Otvori navigaciju">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="/" class="navbar-brand smoothScroll">Fotograf Lovro Brzaj</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="/" class="smoothScroll"><span>Početna</span></a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            Usluge <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="fotografiranje_portreta" class="smoothScroll"><span>Fotografiranje portreta</span></a></li>
            <li><a href="fotografiranje_krstenja" class="smoothScroll"><span>Fotografiranje krštenja</span></a></li>
            <li><a href="fotografiranje_pricesti" class="smoothScroll"><span>Fotografiranje pričesti</span></a></li>
            <li><a href="fotografiranje_krizma" class="smoothScroll"><span>Fotografiranje krizma</span></a></li>
            <li><a href="fotografiranje_razreda" class="smoothScroll"><span>Fotografiranje razreda</span></a></li>
            <li><a href="fotografiranje_maturalnih_veceri" class="smoothScroll"><span>Fotografiranje maturalnih večeri</span></a></li>
            <li><a href="fotografiranje_djevojackih_i_momackih_veceri" class="smoothScroll"><span>Fotografiranje djevojačkih i momačkih večeri</span></a></li>
            <li><a href="fotografiranje_vjencanja" class="smoothScroll"><span>Fotografiranje vjenčanja</span></a></li>
            <li><a href="fotografiranje_obiteljskih_proslava" class="smoothScroll"><span>Fotografiranje obiteljskih proslava</span></a></li>
            <li><a href="fotografiranje_korporativnih_dogadanja" class="smoothScroll"><span>Fotografiranje korporativnih događaja</span></a></li>
            <li><a href="fotografiranje_koncerata" class="smoothScroll"><span>Fotografiranje koncerata</span></a></li>
            <li><a href="fotografiranje_nocnih_klubova" class="smoothScroll"><span>Fotografiranje noćnih klubova</span></a></li>
          </ul>
        </li>
        <li><a href="o-meni" class="smoothScroll"><span>O meni</span></a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            Galerija <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="galerija_portreta" class="smoothScroll"><span> Portreti</span></a></li>
            <li><a href="galerija_krstenja" class="smoothScroll"><span> Krštenja</span></a></li>
            <li><a href="galerija_pricesti" class="smoothScroll"><span> Pričesti</span></a></li>
            <li><a href="galerija_krizma" class="smoothScroll"><span> Krizme</span></a></li>
            <li><a href="galerija_razredi" class="smoothScroll"><span> Razredi</span></a></li>
            <li><a href="galerija_maturalnih_veceri" class="smoothScroll"><span> Maturalne večeri</span></a></li>
            <li><a href="galerija_djevojackih_i_momackih_veceri" class="smoothScroll"><span> Djevojačke i momačke večeri</span></a></li>
            <li><a href="galerija_vjencanja" class="smoothScroll"><span> Vjenčanja</span></a></li>
            <li><a href="galerija_obiteljskih_proslava" class="smoothScroll"><span> Obiteljske proslave</span></a></li>
            <li><a href="galerija_korporativnih_dogadaja" class="smoothScroll"><span> Korporativni događaji</span></a></li>
            <li><a href="galerija_koncerata" class="smoothScroll"><span> Koncerti</span></a></li>
            <li><a href="galerija_nocnih_klubova" class="smoothScroll"><span> Noćni klubovi</span></a></li>
          </ul>
        </li>
         <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            O fotografiji <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="o_fotografiji" class="smoothScroll"><span>Što je to fotografija?</span></a></li>
            <li><a href="povijest_fotografije" class="smoothScroll"><span>Povijest fotografije</span></a></li>
            <li><a href="sto_su_to_brzina_zatvaraca_f_stopa_i_iso" class="smoothScroll"><span>Što su to brzina zatvarača, F stopa i ISO?</span></a></li>
             <li><a href="vrste_fotoaparata" class="smoothScroll"><span>Vrste fotoaprata</span></a></li>
            <li><a href="objektivi" class="smoothScroll"><span>Objektivi</span></a></li>
            <li><a href="bljeskalice" class="smoothScroll"><span>Bljeskalice</span></a></li>
          </ul>
        </li>
             <li><a href="kontakt" class="smoothScroll"><span>Kontkat</span></a></li>
      </ul>
    </div>
  </div>
</nav>


<!-- Home section -->

<section id="home">
  <div class="overlay"></div>
  <div class="container">
    <div class="row">
       
      <div class="col-md-offset-1 col-md-10 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
        <h1 class="wow fadeInUp" >Dobro došli</h1>
        <p class="wow fadeInUp" >Kao profesionalni fotograf specijaliziran za portretnu, svečanu i korporativnu fotografiju na području Zagreba i okolice, ovdje sam da vam pomognem zabilježiti važne trenutke na najljepši način. Sa strašću prema fotografiji i posvećenošću svakom detalju, cilj mi je osigurati da svaki trenutak postane trajna uspomena. </p>
      </div>
    </div>
  </div>
</section>

<!-- Gallery section -->

<section id="gallery">
  <div class="container">
    <div class="row">

      <div class="col-md-offset-2 col-md-8 col-sm-12 wow fadeInUp" data-wow-delay="0.3s">
        <div class="section-title">
          <h1>Galerija</h1>
        </div>
      </div>

      <ul class="grid cs-style-4">
  <li class="col-md-6 col-sm-6">
    <figure>
     <div>
        <img
         src="images/jana/jana-850_x_1275.webp"
          alt="Fotografija mlade djevojke"
          srcset="images/jana/jana-425_x_638.webp 425w,
                  images/jana/jana-630_x_945.webp 630w,
                  images/jana/jana-850_x_1275.webp 850w,
                  images/jana/jana-1050_x_1575.webp 1050w,
                  images/jana/jana-1220_x_1830.webp 1220w,
                  images/jana/jana-1360_x_2040.webp 1360w"
          sizes="(min-width: 1200px) 525px,
                 (min-width: 1000px) 425px,
                 (min-width: 780px) 315px,
                 (min-width: 360px) calc(95vw - 42px),
                 calc(50vw + 110px)"
        >
      </div>
      <figcaption>
        <h1>Portret</h1>
        <small></small>
      </figcaption>
    </figure>
  </li>

        
          <li class="col-md-6 col-sm-6">
    <figure>
     <div>
        <img
         <img src="images/gabriela/gabriela-850_x_1275.webp"
     alt="Fotografija mlade djevojke"
     srcset="images/gabriela/gabriela-425_x_638.webp 425w,
             images/gabriela/gabriela-630_x_945.webp 630w,
             images/gabriela/gabriela-850_x_1275.webp 850w,
             images/gabriela/gabriela-1050_x_1575.webp 1050w,
             images/gabriela/gabriela-1220_x_1830.webp 1220w,
             images/gabriela/gabriela-1360_x_2040.webp 1360w"
     sizes="(min-width: 1200px) 525px,
            (min-width: 1000px) 425px,
            (min-width: 780px) 315px,
            (min-width: 360px) calc(95vw - 42px),
            calc(50vw + 110px)"
        >
      </div>
      <figcaption>
        <h1>Portret</h1>
        <small></small>
      </figcaption>
    </figure>
  </li>
         <li class="col-md-6 col-sm-6">
    <figure>
     <div>
        <img
        <img src="images/krstenje1/krstenje1-850_x_1275.webp"
     alt="Fotografija mlade djevojke"
     srcset="images/krstenje1/krstenje1-425_x_638.webp 425w,
             images/krstenje1/krstenje1-630_x_945.webp 630w,
             images/krstenje1/krstenje1-850_x_1275.webp 850w,
             images/krstenje1/krstenje1-1050_x_1575.webp 1050w,
             images/krstenje1/krstenje1-1220_x_1830.webp 1220w,
             images/krstenje1/krstenje1-1360_x_2040.webp 1360w"
     sizes="(min-width: 1200px) 525px,
            (min-width: 1000px) 425px,
            (min-width: 780px) 315px,
            (min-width: 360px) calc(95vw - 42px),
            calc(50vw + 110px)"
        >
      </div>
      <figcaption>
        <h1>Krštenje</h1>
        <small></small>
      </figcaption>
    </figure>
  </li>

        <li>
    <figure>
     <div>
        <img
         <img src="images/babylasagna/baby4-850_x_567.webp"
     alt="Baby lasagna na pozornici"
     srcset="images/babylasagna/baby4-630_x_420.webp 630w,
             images/babylasagna/baby4-850_x_567.webp 850w,
             images/babylasagna/baby4-1050_x_700.webp 1050w,
             images/babylasagna/baby4-1360_x_907.webp 1360w"
     sizes="(min-width: 1200px) 525px,
            (min-width: 1000px) 425px,
            (min-width: 780px) 315px,
            (min-width: 360px) calc(95vw - 42px),
            calc(50vw + 110px)">

        
      </div>
      <figcaption>
        <h1>Koncert</h1>
        <small></small>
      </figcaption>
    </figure>
  </li>

<li class="col-md-6 col-sm-6">
    <figure>
     <div>
        <img
         <img src="images/prljavci/prljavci-850_x_567.webp"
     alt="Prljavo kazalište na pozornici"
     srcset="images/prljavci/prljavci-630_x_420.webp 630w,
             images/prljavci/prljavci-850_x_567.webp 850w,
             images/prljavci/prljavci-1050_x_700.webp 1050w,
             images/prljavci/prljavci-1360_x_907.webp 1360w"
     sizes="(min-width: 1200px) 525px,
            (min-width: 1000px) 425px,
            (min-width: 780px) 315px,
            (min-width: 360px) calc(95vw - 42px),
            calc(50vw + 110px)">

        
      </div>
      <figcaption>
        <h1>Koncert</h1>
        <small></small>
      </figcaption>
    </figure>
  </li>
    </ul>
    </div>
  </div>
</section>

<!-- About section -->

<section id="about">
  <div class="container">
    <div class="row">

      <div class="col-md-9 col-sm-8 wow fadeInUp" data-wow-delay="0.2s">
        <div class="about-thumb">
          <h1>Usluge koje pružam:</h1>
          <p><strong>Fotografiranje portreta:</strong></p> <p>Pružam profesionalne usluge portretne fotografije, bilo da trebate poslovni ili osobni portret. Fotografiranje se odvija na lokaciji po vašoj želji.</p>
          <p><strong>Fotografiranje krštenja:</strong></p> <p>Pružam profesionalne usluge fotografiranja krštenja, s ciljem zabilježavanja ovog posebnog i svečanog trenutka. Fotografiranje se odvija u crkvi te po dogovoru na željenoj lokaciji gdje se odvija privatno slavlje lokaciji po vašoj želji.</p>
          <p><strong>Fotografiranje pričesti:</strong></p> <p>Pružam profesionalne usluge fotografiranja prve pričesti fotografiranje se odvija u crkvi te po dogovoru na lokaciji gdje se odvija privatno slavlje.</p>
          <p><strong>Fotografiranje razreda:</strong></p> <p>Pružam profesionalne usluge fotografiranja razreda fotografiranje se može odvijati u školskom okruženju ili na odabranoj lokaciji.</p>
          <p><strong>Fotografiranje maturalne večeri:</strong></p> <p>Pružam profesionalne usluge fotografiranja maturalnih večeri, bilo da je riječ o svečanoj večeri ili posebnoj proslavi fotografiranje se odvija na lokaciji po vašem izboru.</p>
          <p><strong>Fotografiranje djevojačkih i momačkih večeri:</strong></p> <p>Pružam profesionalne usluge fotografiranja djevojačkih i momačkih večeri fotografiranje se odvija na lokaciji po vašem izboru.</p>
          <p><strong>Fotografiranje obiteljskih proslava:</strong></p> <p>Pružam profesionalne usluge fotografiranja obiteljskih proslava, bilo da se radi o rođendanima, obljetnicama ili drugim posebnim događajima. Fotografiranje se odvija na lokaciji po vašoj želji.</p>
          <p><strong>Fotografiranje koroprativnh događaja:</strong></p> <p>Pružam profesionalne usluge fotografiranja korporativnih događaja, uključujući konferencije, seminare, team building aktivnosti i svečane večere. Fotografiranje se odvija na lokaciji po vašem izboru.</p>
          <p><strong>Fotografiranje koncerata:</strong></p> <p>Pružam profesionalne usluge fotografiranja koncerata, s ciljem zabilježavanja energije, emocija i trenutaka koji čine svaki nastup posebnim. Fokusiram se na izvođače, publiku i atmosferu događaja.</p>
          <p><strong>Fotografiranje noćnih klubova:</strong></p> <p>Pružam profesionalne usluge fotografiranja u noćnim klubovima, fokusirajući se na energiju, atmosferu i zabavu koja prevladava. Fotografiranje se odvija tijekom nastupa DJ-eva, plesnih večeri i drugih događanja.</p>
          <h1>O meni</h1>
          <p>Lovro Brzaj, profesionalni fotograf s više od četiri godine iskustva u svijetu fotografije. Specijaliziran sam za portretne fotografije, fotografije svečanih događanja i korporativne fotografije u Zagrebu i Velikoj gorici. Moja strast leži u detaljnom bilježenju trenutaka i izražavanju emocija kroz objektiv fotoaparata, stvarajući vizualne priče koje ostaju zapamćene.

Koristim vrhunsku Canon opremu koja osigurava iznimnu kvalitetu fotografije. Nudim fotografiranje portreta, čarobne obiteljske fotografije, dinamične slike s korporativnoga događaja, te ostala događanja, fotografiranje se odvija na lokaciji po vašem izboru, uz mogućnost prilagodbe prema vašim specifičnim zahtjevima.

Moj pristup svakom projektu temelji se na profesionalizmu, kreativnosti i posvećenosti da premašim očekivanja klijenata.

Ako tražite fotografa u Zagrebu ili Velikoj Gorici koji će zabilježiti vaše najvažnije trenutke kroz jedinstvene i upečatljive fotografije, slobodno me kontaktirajte. Radujem se prilici da zajedno stvorimo nezaboravne fotografije koje će zauvijek čuvati vaše najdragocjenije uspomene.
</p>
          <a href="o-meni" class="smoothScroll btn btn-success btn-lg wow fadeInUp" data-wow-delay="0.2s">Više</a>
        </div>
      </div>

      <div class="col-md-3 col-sm-4 wow fadeInUp about-img" data-wow-delay="0.6s">
        <img src="images/ja.webp" class="img-responsive img-circle" alt="Slika Lovro Brzaj lice">
      </div>

    </div>
  </div>
</section>
<!-- Contact section -->

<section id="contact">
  <div class="container">
    <div class="row">

       <div class="col-md-offset-1 col-md-10 col-sm-12">

        <div class="col-lg-offset-1 col-lg-10 section-title wow fadeInUp" data-wow-delay="0.4s">
          <h1>Kontakt</h1>
           
    <a href="tel:+385911973007" class="smoothScroll btn btn-success btn-lg wow fadeInUp" data-wow-delay="0.2s">Mobitel: +385911973007</a>

    <br />
    
   <a href="mailto:lovro.brzaj1234@gmail.com" class="smoothScroll btn btn-success btn-lg wow fadeInUp" data-wow-delay="0.2s">Email: lovro.brzaj1234@gmail.com</a>

        </div>

      
      </div>

    </div>
  </div>
</section>


<!-- Footer section -->

<footer>
	<div class="container">
    
		<div class="row">

			<div class="col-md-12 col-sm-12">
            
                <ul class="social-icon"> 
                    <li><a href="https://www.instagram.com/lovrobrzaj/" class="fa fa-instagram wow fadeInUp"  data-wow-delay="0.2s" style="visibility: visible;">
    <span class="sr-only">Pratite me na Instagramu</span>
</a>
</li>                  
                </ul>

				<p class="wow fadeInUp" data-wow-delay="1s">Copyright &copy; 2024 Lovro Brzaj</p>
                
			</div>
			
		</div>
        
	</div>
</footer>

<!-- Back top -->
<a href="#" class="go-top"><i class="fa fa-angle-up"></i></a>

<!-- Javascript  -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/vegas.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/toucheffects.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/wow.min.js"></script>

</body>
</html>