body {
       margin: 0;
       padding: 0;
       font-family: 'Open Sans', sans-serif;
       font-size: 16px;
       background-color: #ffffff;
}

h1 {
      font-family: 'Source Serif Pro', serif;
      font-size: 24px;
}
h2 { 
       font-size: 20px;
}
::selection {
       background-color:#8c8c8ca1;
}

img {
       max-width: 100%;
       height: auto;
}

.container {
       width: 100%;
       margin: 0 auto;
      
}

.logo { 
       width: 100px;
       height: auto
       margin-top: 10px;   
       margin-bottom: 10px;
       margin-left: 10px;
       text-align: center; 
}    

.logo_flex img {
       margin-top: 10px;
       text-align: center;
       padding: 0;  
}

.podaci {
       width: 80px ;
       text-align: center;
       height: auto;
       margin-top: 20px;
       padding: 0;   
}
.podaci h1 { 
       font-size: 25px;
       color: #fc5b05;   
       text-align: center;      
}

.podhed {
       font-size: 18px;
}

.podaci h2 {
       display: none; 
} /*hidden za mobil i tablet-br.telefona */

/*start hamburger manu - default */
nav {
       position: sticky;
       top: 0;
}
nav .container {
       width: 100%;
}
.topnav {
       overflow: hidden;
       background-color: #333;
       position: relative;
}
     
.topnav #myLinks {
       display: none;
}
     
.topnav a {
       color: white;
       padding: 14px 16px;
       text-decoration: none;
       font-size: 16px;
       text-align: center;
       display: block;
}
     
.topnav a.icon {
       background: #0d0d42;
       display: block;
       position: absolute;
       right: 0;
       top: 0;
}

.topnav a:hover {
       background-color: #ddd;
       color: #0d0d42;
}
     
.topnav .active {
       background-color: #fc5b05;
       color:#fff;
       height: 20px;
       font-size: 20px;
       font-weight: 600;
       text-align: center;
}

.desk_nav {
       display: none;
}


 /* START POCETNA-Index strana mob */
main {
       width: 250px;
       margin: 0 auto;
       text-align: center;
}

#usluge {
       font-family: 'Source Serif Pro', serif; 
       margin-top: 25px;
       font-size: 24px;  
}

.usluge_text {
       color:#0d0d42
}

.img_usluge {
       margin-top: 20px;
       text-align: center;


}/* end POCETNA-INDEX STRANA */





     /* start footer */
.footer {
       width: 100%;
       background-color: #8c8c8ca1;
}

.textfooter {
       text-align: center;
       line-height: 12px;
       margin-top: 20px;
       color: #0d0d42;
       font-weight: 700;
}

.imgfooter {
       text-align: center;   
}

.imgfooter a {
       padding: 5px;
}

.copy {
       text-align: center;
       font-weight: 400;
} 

.copy p#meil a { 
       display: inline-block;
       text-decoration: none;
       color: #5f09b0;
       font-weight: 700; 
       font-size: 16px;
}
.copy p#meil a :hover {
       color: #027002 ;
}
    /* end footer */


     /*START O NAMA */
#o_nama {
       text-align: center;
       color: #0d0d42;
       margin-top: 25px;
       font-size: 24px;  
}
.text_p {
       text-align: center; 
} 

.text_p .h2_flex {
       color: #0d0d42;
}/* end o nama */

      
      /* start KONTAKT */
 #kontakt {
         font-family: 'Source Serif Pro', serif;
         text-align: center;
         color: #0d0d42;
         margin-top: 25px;
         font-size: 24px;  
 }
.text_p {
        text-align: left;
        color: #0d0d42;
}

.mapa {
       margin-top: 35px;
       text-align: center;
       width: 100%;
       height: 400px;
       
} /* end kontakt */


          
       /* start prodaja */
#prodaja {
       font-family: 'Source Serif Pro', serif;
       text-align: center;
       color: #0d0d42;
}
article.shop {
       text-align: center;
       
}
.prodaja p {
       color: #0d0d42;
}
article.shop p {
       margin: 0 0 30px 0;
       color: #0d0d42;
} /* end prodaja */


       /* start galerija */

#galerija {
           text-align: center;
           color: #0d0d42;
}

article.galerija h2 {
       text-align: center;
       color: #0d0d42;
       margin-top: 30px;
}
.izdvojena_img {
       text-align: center;
}
article.galerija p {
       text-align: center;
       color: #0d0d42;
}

article.galerija {
       text-align: center;
} 

article.galerija video {
       display: block;
       margin: 0 auto;
}

/*end galerija */


         /*start blog */

article .blog_text {
       text-align: center;
} 
.blog_span {
       text-align: center;
}
        
#blog {
       font-family: 'Source Serif Pro', serif;
       text-align: center;
       color: #0d0d42;
}
#naslov_blog {
       text-align: center;
       color: #0d0d42;
}

article {
       margin-top: 35px;
}
summary  {
       text-align: center;
       color: #0d0d42;
       font-size: 18px;
} 

.img_blog {
       text-align: center;
       margin-top: 25px;
} /* end blog */

#o_nama {
       font-family: 'Source Serif Pro', serif;
}
  


       /* start RESPOSIVE TABLET*/


@media screen and (min-width: 768px) and (max-width: 1023px){
      
       body {background-color: #ffffff;}
       
       .container {
              width: 700px;
              margin: 0 auto;  
       }     
       .logo {
              text-align: center;
              display: flex;
              width: 600px;    
              justify-content: center;
       }

       .logo_flex img {
              width: 180px;
              height: 180px;
              margin-top: 35px;
       }
       .podaci {
              flex-basis: 300px;
              height: auto;
              margin-top: 10px;
              padding: 0;       
       }

       .podaci h1 {
              font-size: 45px;
              text-align: center;     
       }
       .podhed {
              font-size: 30px;
       }
       
      
       
       

       /* start o nama */
       #o_nama {
              text-align: center;
              color: #0d0d42;
              margin-top: 30px;
       }
       
       .h2_flex {
              display: flex;
              justify-content: space-evenly;
              margin: 0 auto;
              
       }
       .h2_flex h2 {
              text-align: center;
       }
       .h2_flex-prvi {
             margin: 0 50px;
       } /* end o nama */


       /* start kontakt */
       #kontakt {
              text-align: center;
              color: #0d0d42;
              margin-top: 30px;
       }

       .kontakt { 
              display: flex;
              justify-content: space-evenly;
              margin: 0 auto;
       }
       .mapa {
              flex-basis: 50%;
       }
       
       /* start prodaja */
       #prodaja {
              text-align: center;
              color: #0d0d42;
              margin-top: 30px;
       }
       .prodaja p {
              text-align: center;
              color: #0d0d42;
       }
       .shop_flex {
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
       }
       article.shop {
              flex-basis: 50%;

       }
       article.shop p {
              color: #0d0d42;
       } /* end prodaja */
       

       /* start Galerija */
       article.galerija  {
              text-align: center;
       } /* end galerija */

      
       
}



     /* START RESPONSIVE DESKTOP */

@media screen and (min-width: 1024px){

       body {background-color: #ffffff;}

       .container {
              width: 960px;
       }
       .logo {
              display: flex;
              justify-content: center;
              width: 800px;
       }     
       
       .logo_flex img {
              width: 320px;
              height: 320px;
       }
            
       .podaci {
              flex-basis: 400px;
              margin-top: 30px; 
              margin-left: 10px; 
                          
       }
       .podaci h1 {
              font-family: 'Source Serif Pro', serif;
              font-size: 50px;
              text-align: center;
              color: #fc5b05;
       }
       .podhed {
              font-size: 35px;
       }
       
       .podaci h2 {
              display: block;
              font-size: 30px;
              font-weight: 700;
              text-align: center;  
              margin-bottom: 0;       
       }
      
     
       .topnav {
              display: none;
       }
         
       .desk_nav {
              text-align: center;
              display: block; 
              background-color: #fc5b05; 
         
       }

       .desk_nav ul {
              list-style: none;
       }
       .desk_nav ul li {
              display: inline-block;
              padding: 10px;    
       }
       .desk_nav ul li a {
             display: block; 
             color: #fff;
             text-decoration: none;
             font-size: 20px;
             font-weight: 700;
             font-size: 18px;
             transition: 0.5s font-size;
       }
       .desk_nav ul li a:hover {
              font-size: 25px;
       }

       
       
       /* start footer */

       .footer {
              width: 100%;
        }
 
       .textfooter {
               font-size: 18px;
        }
       .imgfooter {
               display: flex;
               justify-content: flex-end;
              
        }
        .imgfooter a {
               margin-top: -90px;   
        }

       
       
       /* start O NAMA */
       #o_nama {
              font-size: 30px;
              text-align: center;
       }
       .text_p .h2_flex {
              color: #0d0d42;
       }

       /* start KONTAKT */
       #kontakt {
              font-size: 30px;
              text-align: center;
       }
       .kontakt { 
              display: flex;
              justify-content: space-evenly;
              margin: 0 auto;
              
       }
       .kontakt .text_p {
              flex-basis: 50%;
       }
       .mapa {
              text-align: center;
              flex-basis: 50%;
              height: 400px;
              
       } /* end kontakt */


       /* start INDEX STRANA/ POCETNA */
       #usluge {
              font-size: 30px;
              text-align: center;
       }

      
       
       /* end usluge - index.html desktop */

       

       /* start PRODAJA */
       #prodaja {
              text-align: center;
              color: #0d0d42;
              margin-top: 30px;
              font-size: 30px;
       }
       .prodaja p {
              text-align: center;
              color: #0d0d42;
              margin-bottom: 50px;
       }
       .shop_flex {
              display: flex;
              justify-content: center;
              flex-wrap: wrap;
       }
       article.shop {
              flex-basis: 50%;

       }

       article.shop img {
              width: 350px;
              height: 350px;
       }
       article.shop p {
              color: #0d0d42;
       } /* end prodaja */
      

    /* START O NAMA */
       #o_nama {
              margin-top: 30px;
              color: #0d0d42;
              text-align: center;
              font-size: 30px;
              font-weight: 600;
              margin-left: 100px;  
              margin-top: 50px;
       }

       .h2_flex {
              display: flex;
              justify-content: space-evenly;
              margin: 0 auto;
              
       }
       .h2_flex h2 {
              text-align: center;
       } /*end o nama */
       
       
         /* start KONTAKT */
       #kontakt {
              margin-top: 30px;
              color: #0d0d42;
              text-align: center;
              font-size: 30px;
              font-weight: 600;
              margin-left: 100px;  
              margin-top: 50px;
       } /* end kontakt */


       /* start GALERIJA */
       #galerija {
              font-size: 30px;
       }
       article.galerija {
              text-align: center;
       } /*end galerija */

       /*start blog */

       #blog {
              font-size: 30px;
              text-align: justfy;
       }


}