@font-face {
    font-family: orbitron;
    src: url("Orbitron-Black.ttf");
}
@font-face {
    font-family: arvo;
    src: url("Arvo-Regular.ttf");
}

html {
    scroll-behavior: smooth;
}
body {
    margin: 0px;
    padding: 0px;
    
}



    .okvirZaglavlje {
     
     max-width: 1500px;
     margin: 0px auto;
        height: 250px;
       background-image: linear-gradient( rgba(70, 185, 179, 0.637), rgb(0, 1, 2)), url("slike_web/zaglavlje.jpg");
         background-size: cover;
        background-position: center;
        display: flex;
        justify-content: space-between;
        
    }

    .logo {
        position: relative;
        top: 30px;
        right: 15px;
        width: 200px;
        height:auto;
    }
    .mobMeni {
        position: relative;
        right: 12px;
         width: 40px;
         height:auto;
         cursor: pointer;
         border-radius: 10px;
     }

     .glavniMeniOkvirSvega {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 20px;
        right: 20px;
          
        
        }

        .glavniMeniOkvir {
            margin-top: 10px;
             
             font-size: 10px;
             text-align: left;
            
            opacity: 0;
            transition: all 1s ease-in-out;
            
             
         }

         .glavniMeni {
            margin-top: 12px;
        }
        .poveznicaGlavniMeni {
            text-decoration: none;
            color: white;
            cursor: default;
                
        }
        .prikazi {
           
            opacity: 1;
            
         }

/* OSNOVNI DIO STRANICE */

.sekcijaOpcenito {
    margin: 30px 0px;
    padding: 20px 0px;
   
    max-width: 1500px;
     margin: 0px auto;
   background-color: rgba(128, 128, 128, 0.137);
}
.okvirNaslovaSekcije {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    
}
.naslovSekcije {
    font-family: orbitron;
   color: green;

   font-size: 20px;
   
}
.crtaIspodNaslovaSekcije {
    height: 1px;
    border: none;
    background-color: red;
    width: 155px;
    margin-top: -5px;
}
.okvirPrviRed {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
   
    align-items: center;
    
}
.prviElementSlika {
    width: 350px;
    height: 250px;
    background-image: url("slike_web/vesla.jpg");
    background-position: center right;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    border-radius: 10px;
    margin-top: 50px;
}
.drugiElementSlika {
    
    background-image: url("slike_web/pojedinacna_vesla.jpg");
    background-position: center center;
}
.treciElementSlika{
    background-image: url("slike_web/ogrlice.jpg");
}
.cetvrtiElementSlika{
    background-image: url("slike_web/nausnice.jpg");
}
.naslovSlike {
    color: white;
    letter-spacing: 5px;
    padding-bottom: 10px;
    font-size: 18px;
}
.paragraf {
    font-family: arvo;
   font-style: italic;
    
    max-width: 1500px;
     margin: 0px auto;
    padding: 5px;
    text-align: center;
    
    font-size: 14px;
}
.poveznicaWebTrgovina {
    text-decoration: none;
    color: white;
    
}
.okvirPrviRedKontakt {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   
}
.okvirDrugiElementKontakt {
    margin-top: 100px;
    display: flex;
    text-align: center;
}

.okvirAdresaKontakt {
    padding-left: 15vw;
}
.ikonaMail, .ikonaAdresa {
    padding-bottom: 10px;
    width: 50px;
    height: auto;
}

.poveznicaMailKontakt {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}

.poveznicaMailKontakt:hover {
    color: blue;
    
}
.tekstOpisKontaktAdresa {
    font-size: 16px;
}
.karta {
    width: 350px;
    height: 250px;
}
/* PODNOŽJE */
.glavniOkvirPodnozja {
   
    max-width: 1500px;
     margin: 0px auto;
    height: 250px;
    

    
    background-image: linear-gradient( rgba(70, 185, 179, 0.812), rgba(0, 1, 2, 0.891));
   
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 14px;
}
.okvirPrvogElementaPodnozja {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    
    text-align: justify;
}
.tekstElementaPodnozje {
    margin-bottom: 6px;
}
.poveznicaPodnozje {
    text-decoration: none;
    color: white;
    
}
.okvirBivart {
    text-align: center;
   /* display: flex;
    flex-direction: column;*/
}
.mailPodnozjePoveznica {
    text-decoration: none;
    color: white;
}























@media screen and (min-width: 650px){
    .logo {
        
        top: 0px;
        left: 50px;
        width: 300px;
       
    }
    .mobMeni {
       
      
         width: 50px;
         
     }

     .glavniMeniOkvirSvega {
        
       
        right: 70px;
          
        
        }

        .glavniMeniOkvir {
            margin-top: 8px;
             
             font-size: 16px;
                   
             
         }

         /* OSNOVNI DIO STRANICE */
         .naslovSekcije {
            
           font-size: 25px;
           
        }
        .crtaIspodNaslovaSekcije {
            
            width: 250px;
            
        }
        .prviElementSlika {
            width: 450px;
            height: 350px;
            
            margin-top: 50px;
        }
        .paragraf {
                      
            font-size: 16px;
        }
        .karta {
            width: 450px;
            height: 350px;
        }
        .ikonaMail, .ikonaAdresa {
            
            width: 70px;
            
        }
        .glavniOkvirPodnozja {
               
           
            font-size: 16px;
        }

}

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

    .okvirZaglavlje {
            
           height: 350px;
      
           
       }
    .logo {
        
        
        left: 100px;
        width: 450px;
       
    }
    .mobMeni {
       
      
         width: 70px;
         
     }

     .glavniMeniOkvirSvega {
        
       top: 0px;
        right: 120px;
          
        
        }

        .glavniMeniOkvir {
            margin-top: 18px;
             
             font-size: 20px;
                   
             
         }

         /* OSNOVNI DIO STRANICE */
         .naslovSekcije {
            margin-top: 150px;
           font-size: 35px;
           
        }
        .crtaIspodNaslovaSekcije {
            margin: 10px 0px 100px 0px;
            width: 450px;
            
        }
        .okvirPrviRed {
            margin-top: 50px;
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
            
        }
        
        .paragraf {
            padding: 15px;         
            font-size: 20px;
           
            
           
        }
        .karta {
            width: 850px;
            height: 550px;
        }
        .ikonaMail, .ikonaAdresa {
            
            width: 100px;
            
        }
        .poveznicaMailKontakt {
            
            font-size: 20px;
        }
        .tekstOpisKontaktAdresa {
            font-size: 20px;
        }
        .glavniOkvirPodnozja {
               
           
            font-size: 20px;
        }

}