body {
 font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
 background:#690 url('../images/pozadi.jpg') no-repeat 50% 50px;
}

h1 { position:relative; }
h1 li:nth-of-type(2),
h1 li:nth-of-type(3) { font-weight:400; font-size:1.8rem; }
ul { position:absolute; top:115px; left:117px; text-align:center; padding:0; margin:0; }
li { list-style:none; color:#000; padding-bottom:62px; }
a  { color:#000; text-decoration:none; }
a:hover  { text-decoration:underline; }

h1 ul li span { position:absolute; top:-20px; left:330px; display:none; }
h1 ul li:nth-of-type(2):hover span {
 display:block; width:550px;
 text-align:left; font-size:1.3rem; font-weight:700; line-height:2rem;
}
h1 ul li:nth-of-type(3):hover span {
 display:block; width:550px;
 text-align:left; font-size:1.3rem; font-weight:700; line-height:2rem;
}

/*  */
@media (max-width: 1199.98px) { 
 ul { left:27px; }
}

/*  */
@media (max-width: 991.98px) {
 body { background:#690 url('../images/pozadi_mobil.jpg') no-repeat 50% 50px; }
 ul { top:125px; left:203px;  }
 li { padding-bottom:78px; }
 h1 ul li:nth-of-type(2):hover span,
 h1 ul li:nth-of-type(3):hover span { display:none; }
}

/*  */
@media (max-width: 767.98px) {
 ul { left:113px; }
}

/*  */
@media (max-width: 575.98px) {
 body { background:#690 url('../images/pozadi_mobil.jpg') no-repeat 50% 0px; }
 ul { position:static; margin-top:97px; }
}

/*  */
@media (max-width: 325px) {
 h1 li:nth-of-type(2) { font-size:1.5rem; }
}