body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    max-width: 1280px;
    margin: 0px auto;
    background: linear-gradient(90deg, rgba(0, 147, 232, 1.000) 0.000%, rgba(56, 185, 200, 1.000) 25.000%, rgba(119, 217, 175, 1.000) 50.000%, rgba(130, 210, 196, 1.000) 75.000%, rgba(79, 171, 231, 1.000) 100.000%)

}


h1 {
    margin-top: 150px;
    text-align: center;
    }

ul {
    margin-top: 50px;
    font-size: 1.2rem;
        
}
.okvir {
    margin: 100px auto;
    border-radius: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: rgb(98, 194, 218);
    padding: 2vw;
}

p {
    width: 550px;
    font-size: 1.2rem;
    text-align: justify;
   }

#banner-veliki {
    animation-name: pulse;
    animation-duration: 6000ms;
    animation-iteration-count: 2;
    border-radius: 20px;
    box-shadow: 12px 12px 32px rgba(5, 5, 5, 0.74);
}

#banner-veliki:hover{
    animation-play-state: paused;
    cursor: pointer;
}

.okvir-banner2 {
    margin: -50px auto;
    margin-bottom: 150px;
    text-align: center;
}

#banner-mali {
    box-shadow: 12px 12px 32px rgba(5, 5, 5, 0.74);
}
#banner-mali:hover {
     cursor: pointer;
}

.zamagljivanje {
    filter: blur(3px);
}


.krajAnimacije {
    animation-play-state: paused;
}



@media screen and (max-width:1400px){
    .okvir {
        flex-direction: column;
       
    }

    p {
        font-size: 1rem;
        width: 90vw;
        margin-bottom: 50px;
    }

    #banner-veliki {
        animation: none;
        box-shadow: none;
    }

    
.okvir-banner2 {
   
    width: 90vw;
  
    text-align: center;
     margin-bottom: 50px;
}

#banner-mali{
    width: 90vw;
}

}

@keyframes pulse {
0%{}
50%{ transform: scale(1.1);}
100%{
    transform: scale(1);
}
}