@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;800&display=swap'); body{background-color: #FFFFFF;font-family: 'Merriweather', sans-serif;font-style: normal;font-weight: 300; color: #585957; text-align: center;font-size: 1.0em;margin-top: 0px;margin-bottom: 0px;} h1{font-family: 'Merriweather', sans-serif;font-style: normal;font-weight: 800; color: #080D4D!IMPORTANT; text-align: center;font-size: 2.0em;margin-top: 0px;margin-bottom: 0px;} h2{font-family: 'Merriweather', sans-serif; color:white!IMPORTANT;text-align: left;font-weight: 800;font-size: 1.6em;margin-top: 0px;margin-bottom: 0px;} h3{font-family: 'Merriweather', sans-serif;font-style: normal;font-weight: 300; color: #1E489E!IMPORTANT; text-align: center;font-size: 1.2em;margin-top: 0px;margin-bottom: 0px;} h4{font-family: 'Merriweather', sans-serif;font-style: normal;font-weight: 100; color: #585957; text-align: left;font-size: 1.1em;margin-top: 0px;margin-bottom: 0px;} a:link {text-decoration : none; color: #1E489E;} a:visited {text-decoration : none; color: #080D4D;} a:active {text-decoration : none; color: #1E489E;} a:hover {color: #1E489E;} a:hover h2{font-family: 'Merriweather', sans-serif; color: #1E489E;font-weight: 800;} a:hover h3{font-family: 'Merriweather', sans-serif;font-weight: 800; color: #1E489E;} *{box-sizing:border-box;} .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .blink { animation: blinker 1.5s linear infinite; color: #1E489E; font-family: sans-serif; } @keyframes blinker { 50% { opacity: 0; } } .kucica { border: 2px solid transparent; } .kucica:hover { border: 2px solid #1E489E; } .mojatablica {text-align:center; border: none; width:100%;max-width:1200px;margin-left:auto;margin-right:auto;} .meni1{background-color:#00A0E3;padding:2px;float:left;width:25%;} .meni2{background-color:#E5097F;padding:2px;float:left;width:25%;} .meni3{background-color:#FFED00;padding:2px;float:left;width:25%;} .meni4{background-color:#000000;padding:2px;float:left;width:25%;} .slika{background-color:none;padding:2px;float:left;width:50%;} .slika25{background-color:none;padding:2px;float:left;width:25%;} .slika32{background-color:none;padding:2px;float:left;width:32%;} .slika35{background-color:none;padding:2px;float:left;width:35%;} .slika45{background-color:none;padding:2px;float:left;width:45%;} .slika50{background-color:none;padding:2px;float:left;width:50%;} .tablica33{ background-color: #F7F7F9; padding:0px; float:left; text-align:center; width:33%; /* The width is 33%, by default */ } .tekst-art{background-color:#FFFFFF;padding:10px;float:left;width:50%;} .tekst-art55{background-color:none;padding:10px;float:left;width:55%;} .tekst-art65{background-color:#FFFFFF;padding:10px;float:left;width:65%;} .tdnaslov {background-color:#080D4D;padding:10px;border-radius:5px;} .logo50{background-color: transparent;display: block;margin-left: auto;margin-right: auto;padding:0px;text-align:center;width:50%;} @media screen and (max-width:800px){.izbornik1, .izbornik2, .izbornik3, .izbornik4, .meni1, .meni2, .meni3, .meni4, .tekst-art, .slika, .slika25, .slika45, .tekst-art55, .tablica33, .tekst-art65, .slika35, .logo50{width:100%;} @media screen and (max-width:300px){.slika32{width:100%;} }