h1{font-family: 'Work Sans', 'Arial Narrow', sans-serif;font-style: normal;
  font-weight: 200; color: #989898; text-align: left;
 font-size: 1.6em;margin-top: 0px;margin-bottom: 0px;}
h2{font-family: 'Work Sans', 'Arial Narrow', sans-serif;font-style: normal;
  font-weight: 100; color: #989898; text-align: center;
 font-size: 1.6em;margin-top: 0px;margin-bottom: 0px;}
h3{font-family: 'Work Sans', 'Arial Narrow', sans-serif;font-style: normal;
  font-weight: 100; color: gray; text-align: center;
 font-size: 1.1em;margin-top: 0px;margin-bottom: 0px;}
h4{font-family: 'Work Sans', 'Arial Narrow', sans-serif;font-style: normal;
  font-weight: 100; color: gray; text-align: left;
 font-size: 1.2em;margin-top: 0px;margin-bottom: 0px;}
a:link {text-decoration : none; color: #989898;}
a:visited {text-decoration : none; color: #989898;}
a:active {text-decoration : none; color: red;}
a:hover {text-decoration : underline; color: red;color: red;}
a:hover h2{font-family: 'Work Sans', 'Arial Narrow', sans-serif;font-style: normal;font-weight: bold; color: red; text-align: center;text-decoration : none;font-size: 1.6em;margin-top: 0px;margin-bottom: 0px;}
a:hover h3{font-family: 'Work Sans', 'Arial Narrow', sans-serif;font-style: normal;font-weight: bold; color: red; text-align: center;font-size: 1.1em;margin-top: 0px;margin-bottom: 0px;}

.time {behavior: url(#default#time2);}

*{
  box-sizing:border-box;
}

.logo1 {
  background-color:#FFFFFF;
  padding:0px;
  float:left;
  width:80%; /* The width is 80%, by default */
}

.slika1{
  background-color:#FFFFFF;
  padding:0px;
  float:left;
  text-align:center;
  width:20%; /* The width is 20%, by default */
}

.tablica1{
  background-color:#FFFFFF;
  padding:0px;
  float:left;
  text-align:center;
  width:50%; /* The width is 50%, by default */
}
.tablica25{
  background-color:#FFFFFF;
  padding:0px;
  float:left;
  text-align:center;
  width:25%; /* The width is 25%, by default */
}
.tablica33{
  background-color:#FFFFFF;
  padding:0px;
  float:left;
  text-align:center;
  width:33%; /* The width is 33%, by default */
}
.izbornik1{
  background-color:#00A0E3;
  padding:0px;
  float:left;
  text-align:center;
  width:25%; /* The width is 20%, by default */
}
.izbornik2{
  background-color:#E5097F;
  padding:0px;
  float:left;
  text-align:center;
  width:25%; /* The width is 20%, by default */
}
.izbornik3{
  background-color:#FFED00;
  padding:0px;
  float:left;
  text-align:center;
  width:25%; /* The width is 20%, by default */
}
.izbornik4{
  background-color:#000000;
  padding:0px;
  float:left;
  text-align:center;
  width:25%; /* The width is 20%, by default */
}





/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
  .logo1, .slika1, .tablica1, .tablica25, .tablica33, .izbornik1, .izbornik2, .izbornik3, .izbornik4 {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}