#wrap {
  position: inherit;
  width: 1020px;
  height: 520px;
  margin: 60px auto;
}

#wrap ul#izvo {
  list-style: none;
  margin: 0;
  padding: 0;
}

#wrap ul#izvo li {
  float: left;
  width: 340px;
  height: 260px;
}

#wrap ul#izvo li a.izvodaci {
  position: relative;
  display: block;
  width: 300px;
  height: 220px;
  margin: 0px;
  padding: 20px;
  text-decoration: none;
  color: #0071bb;
  background-repeat: no-repeat;
  background-position: 0px -260px;
 transition: 0.25s background ease-in-out;
}

#wrap ul#izvo li a.izvodaci#jedan {  background-image: url('imgs/lu/m_john.jpg'); }
#wrap ul#izvo li a.izvodaci#tri {  background-image: url('imgs/lu/m_kozmo.jpg'); }
#wrap ul#izvo li a.izvodaci#dva {  background-image: url('imgs/lu/m_lana.jpg'); }
#wrap ul#izvo li a.izvodaci#pet {  background-image: url('imgs/lu/m_marko.jpg'); }
#wrap ul#izvo li a.izvodaci#cetiri {  background-image: url('imgs/lu/m_miron.jpg'); }
#wrap ul#izvo li a.izvodaci#sest {  background-image: url('imgs/lu/m_ramljak.jpg'); }

#wrap ul#izvo li a.izvodaci:hover {
  background-position: 0px 0px;
}

#wrap ul#izvo li a.izvodaci span {
width: 300px;
position: absolute;
bottom: 20px;
display: block;
opacity: 0;
transition: opacity 0.2s ease-in-out;
transition-delay: 0.1s;
}

#wrap ul#izvo li a.izvodaci:hover span {
opacity: 1;
}

#wrap ul#izvo li a.izvodaci span h2, h4 {
     font-variant: small-caps;
  margin: 0;
  padding: 0;
}

#wrap ul#izvo li a.izvodaci span h2 {
  font-size: 4em;
  font-weight: 700;
}

#wrap ul#izvo li a.izvodaci span h4 {
  font-size: 2em;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: 2px;
}