/* GLAVNA STRANICA */ @font-face { font-family: burger; src: url(/fonts/hemi\ head\ bd\ it.ttf); } body { font-family:Verdana, Geneva, Tahoma, sans-serif; margin: 0px; padding: 0px; } header { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; border-bottom: 1px dotted grey; } .logoOkvir { display:flex; flex-direction: column; margin: 15px 0px 0px 15px; } .slika { width: 90%; height: auto; } .logoTekst { padding: 5px 10px 20px 0px; font-size: 18px; } .listaMeni { display: flex; flex-wrap: wrap; } .listaMeniTekst { list-style-type: none; padding-right: 50px; } .meniMobIkonaOkvir { display:none; } .meniMobIkona { width: 30px; height: 30px; } .navigacijaMeniMobilna { width: 50%; } .listaMeniTekstMobilna { list-style-type: none; padding: 20px 20px; font-size: 12px; background-color: #F9F9F9; border: 1px solid #EAEAEA; } #listaMobilniId { display:none; } .listaMeniMobilna { margin-left: -45px; } .glavnaSlika { margin-top: 150px; width: 70%; height: auto; display: inline-block; margin-left: 15%; border-radius: 20px; } .pocetnaParagraf { width: 70%; height: auto; margin: auto; } .poveznicaOpcenito { text-decoration: none; color: black; } .poveznicaAktivna { color: #66ABD8; } .poveznicaPasivna:hover { color: #66ABD8; } .podnozjeOkvir { margin-top: 150px; display: flex; flex-direction: column; height: 250px; color: white; justify-content: center; background-color: #3A3A3A; text-align: center; } .podnozjeTekst { line-height: 40px; font-weight: bold; } .poveznicaMail { text-decoration: none; color: white; } .poveznicaMail:hover { color: #66ABD8; } /* PROJEKTI */ .projektiSlikaOkvir { margin-top: 100px; text-align: center; margin-bottom: 100px; } .projektiSlika { border-radius: 25px; width: 60%; height: auto; box-shadow: 10px 10px 20px rgb(126, 126, 122); } .projektPosebnaSlikaMedvedgradska { height: 450px; width: 350px; } .projektiOkvirOpisPrvi, .projektiOkvirOpisDrugi { display: flex; text-align: center; align-items: center; font-size: 25px; margin-bottom:50px; border: 1px solid #b9b9b9; } .projektiOkvirOpisDrugi { margin-bottom: 250px; } .projektiOkvirOpisTekst { width: 50%; height: auto; font-family: burger; /*text-shadow: 10px 10px 20px rgb(49, 205, 226);*/ } /* O NAMA */ .paragrafOpcenito { margin-top: 150px; padding: 25px; line-height: 30px; text-align: justify; background-color: #F9F9F9; } .paragrafONama { margin: 50px; padding: 25px; line-height: 30px; text-align: justify; background-color: #F9F9F9; } .povijestTvrtkeOkvir, .projektiOkvir { margin-top: 100px; background-color: #EEF649; text-align: center; width: 50%; margin-left: auto; margin-right: auto; border-radius: 25px; padding: 10px; } .slikaPovijestOkvir { text-align: center; margin-top: 50px; } .povijestTvrtkePodokvir { margin-top: 50px; background-color: #A5A5A5; text-align: center; width: 40%; margin-left: auto; margin-right: auto; border-radius: 5px; font-size: 25px; padding: 5px 0px; } .slikeONamaOkvir { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: 150px; } .smanjenje { width:100%; height: auto; } /* KONTAKT */ .kontaktOkvir { margin-top: 100px; display: flex; flex-wrap: wrap; justify-content: space-around; background-color: #F9F9F9; } .kontaktPodaci { display: flex; justify-content: center; align-items: center; text-align: center; } .kontaktPodaciTekst { line-height: 40px; font-weight: bold; padding: 20px; } .poveznicaMailKontakt { color: black; } .kontaktUpisTrgovackiSudOkvir { margin-top: 150px; text-align: center; background-color: #F9F9F9; } .kontaktUpisTrgovackiSudNaslov { padding-top: 20px; } .kontaktUpisTrgovackiSudParagraf { line-height: 1.5em; padding: 10px; } @media screen and (max-width: 920px) { .slika { width: 60%; height: auto; } .navigacijaMeni { display: none; } .navigacijaMeniMobilna { display: contents; } .meniMobIkonaOkvir { display:contents; cursor: pointer; } .meniMobIkona { margin-right: 2px; } .logoTekst { font-size: 12px; } .meniMobIkona { width: 20px; height: 20px; } #listaMobilniId.prikazi { display: contents; } .povijestTvrtkeOkvir, .projektiOkvir { font-size:8px; } .povijestTvrtkePodokvirTekst { font-size: 17px; } .projektiOkvirOpisTekst { width: 90%; height: auto; font-size: 15px; } } @media screen and (max-width:888px){ .kontaktPodaci { margin-bottom: 100px; } .karta { width:60%; } } @media screen and (max-width:650px) { .slikeONamaOkvir { flex-direction: column; align-items: center; } .slikeONama { margin-top: 50px; width: 70%; height: auto; } .projektiOkvirOpisDrugi { margin-bottom: 50px; } .projektPosebnaSlikaMedvedgradska { height: 250px; width: 60%; } .kontaktUpisTrgovackiSudParagraf { font-size: 14px; } }