/*----- Novosti druge stranice Section ------------------------------------------------------------*/

#kontakti {
    height: 100vh;
    min-height: 400px;
    padding: 65px;
    height: auto !important;  /* for other browsers */
    background-color: #515A5A;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#kontakti h1{
    font-family: 'Ranchers', sans-serif;
    letter-spacing: 0.1em;
    font-size: 35px;
    margin-top: 40px;
    color: whitesmoke;
}
  
#kontakti img{
    max-height: 250px;
    margin-top: 10px;
    border: 2px solid ;
    border-radius: 15px;
    border-color: white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  
}
  
#kontakti-card1 .container-fluid { 
    background: white;
    margin-top: 20px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;

}

#kontakti-card1 .pozicija-1 { 
    max-width: 50%;
}

#kontakti-card1 a { 
    text-decoration: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
    #kontakti-card1 .pozicija-1 { 
        max-width: 100%;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  
    #kontakti-card1 .pozicija-1 { 
        max-width: 100%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
     
    #kontakti-card1 .pozicija-1 { 
        max-width: 45%;
    }
}  


#kontakti-card1 .card { 
    font-family: 'Comfortaa', sans-serif;
    background-color:#EBF5FB ;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border-radius: 10px; 
    overflow: hidden;
    margin-bottom: 20px;
}

#kontakti-card1 .card-text { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 12px; 
}

#kontakti-card1 .card-text-razmak1 { 
    margin-top: -7px;
}

#kontakti-card1 .card-text-razmak2 { 
    margin-top: -9px;
}

#kontakti-card1 .responsive-iframe {
    width: 100%;
    height: 100%;
    min-height: 150px;
    overflow-y: hidden;
    overflow-x: visible;
 
}

#kontakti-card1 .iframeshadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
  
#kontakti-card2 .container-fluid { 
    background: linear-gradient(-45deg, #ABEBC6 , #EAFAF1  , #D6EAF8, #EBF5FB);
    background-size: 150%;
    -webkit-animation: Gradient 7s ease infinite;
    -moz-animation: Gradient 7s ease infinite;
    animation: Gradient 7s ease infinite; 
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
   
}

#kontakti-card2 .card { 
    font-family: 'Comfortaa', sans-serif;
    background-color:white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;   border-radius: 10px; 
    overflow: hidden;   
}

#kontakti-card2 .card-title { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 14px; 
}

#kontakti-card2 .card-text { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 12px; 
}

#kontakti-card2 .card-text-razmak1 { 
    margin-top: -7px;
}

#kontakti-card2 .card-text-razmak2 { 
    margin-top: -9px;
}

#kontakti-card2 a { 
    text-decoration: none;
}

#kontakti-card3 .container-fluid { 
    background: white; 
   
}

#kontakti-card3 h1 { 
    font-family: 'Ranchers', sans-serif;
    letter-spacing: 0.1em;
    font-size: 25px;
    margin-top: 40px;
    color: red;
    text-shadow: 3px 3px 3px #ababab;
}

#kontakti-card3 .card { 
    font-family: 'Comfortaa', sans-serif;
    background-color:white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    overflow: hidden;   
}

#kontakti-card3 a { 
    text-decoration: none;
}

#kontakti-card3 .card-text { 
    font-family: 'Comfortaa', sans-serif;
    font-size: 12px; 
}

#kontakti-card3 .card-text-razmak1 { 
    margin-top: -7px;
}

#kontakti-card3 .card-text-razmak2 { 
    margin-top: -9px;
}

#kontakti-card3 .responsive-iframe {
    width: 100%;
    height: 100%;
    min-height: 150px;
    overflow-y: hidden;
    overflow-x: visible;
 
}