.sve{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    background-color: #2f2fa2;


}
.header-time img{
	width: 310px;
}
.headerdva{
    
    width: 32%;
    border-radius: 40px;
    display: grid;
    background-color: #fff;
    border: 2px solid #000;
}
.headerdva:hover{
    transform: scale(1.1);
}
.suki{
    width: 200px;
    height: 180px;
    margin: 0 auto;
    border-radius: 90%;
    padding: 20px;
}   
.sukitekst{
    text-align: center;
    color: black;
    padding: 30px;
    line-height: 2.0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.headertri{
    width: 32%;
    border-radius: 40px ;
    display: grid;
    background-color: #fff;
    border: 2px solid #000;
}
.bojka{
    width: 200px;
    height: 180px;
    margin: 0 auto;
    border-radius: 90%;
    padding: 20px;
}
.bojkatekst{
    text-align: center;
    color: black;
    padding: 30px;
    line-height: 2.0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
.headercetri{
    width: 32%;
    border-radius: 40px;
    border: 2px solid #000;
    display: grid;
    background-color: #fff;

  

}
.headercetri:hover{
    transform: scale(1.1);
}
.headertri:hover{
    transform: scale(1.1);
}
.niho{
    width: 200px;
    height: 180px;
    margin: 0 auto;
    border-radius: 90%;
    padding:20px;

   
}
.nihotekst{
    text-align: center;
    color: black;
    padding: 30px;
    line-height: 2.0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
.ime1{
    color: black;
    text-align: center;
    padding-bottom: 20px;
}
.ime2{
    color: black;
    text-align: center;
    padding-bottom: 20px;
}
.ime3{
    color: black;
    text-align: center;
    padding-bottom: 20px;
}

.predsjednik{
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color: black;
    letter-spacing: 2px;
}
/*Mobitel*/
@media (max-width: 767px){
    .sve{
        flex-wrap: wrap;
        width: 100%;
        }
        .headerdva{
            width: 100%;
        }
        .headertri{
            width: 100%;
        }
        .headercetri{
            width: 100%;
        }
        .headerdva:hover{
            transform:none;
        }
        .headercetri:hover{
            transform:none;
        }
        .headertri:hover{
            transform:none;
        }
        
}

/*Tablet*/
@media (min-width: 768px) and (max-width:1024px){
    .sve{
        width: 100%;
        flex-wrap: wrap;
      }
      .headerdva {
        width: 100%;
        flex-wrap: wrap;
      
      }
      .headertri {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 20px;
      }
      .headercetri {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 20px;
      }
      .header-time img {
        width: 160px;
    }
    .headerdva:hover{
        transform:none;
    }
   
    .headertri:hover{
        transform:none;
    }
    .headercetri:hover{
        transform:none;
    }
    
}