* {
  box-sizing: border-box;
}
body{
  font-family: 'Yrsa', sans-serif;
  font-size: 26px;
  background-repeat: repeat;
  font-weight: bold;
}
header{
  margin-top: 20px;
  margin-bottom: 30px;
}
#profilna{
  display: inline;
}
#profilna:hover{
  border: 7px solid #66a3ff; 
  transition-duration:0.3s;
}
#info{
  list-style-type: none;
  display: inline;
}
#sidemenu{
    display: inline;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -30px;
}
#main{
  display: inline;
}
.headings{
  text-align: center;
  padding-bottom: 15px;
  line-height: 30px;
  padding-top: 15px;
}
/* GRID SPECIALITIES CONTAINER START */
.grid-specialities-container {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  grid-gap: 1rem;
}
.item {
  display: flex;
  justify-items: center;
  align-items: center;
}
.item-heading {
  text-align: center;
}
.item-img {
  width: 20rem;
  height: 20rem;
}
/* GRID SPECIALITIES  CONTAINER END */

/* GRID SKILLS CONTAINER START */
.grid-skills-container {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-gap: 1.6rem;
}
/* GRID SKILLS CONTAINER START */

.faks{
  display: inline;
}
.institucija{
  font-weight: 900;
  font-size: 28px;
}
#srednja{
  display: inline;
}
#pozicije{
  -webkit-padding-start: 0px;
}
#ref a li{
  list-style-type: none;
  font-size: 25px;
  margin-bottom: 14px;
  margin-left: -59px;
}
#ref a:hover li{
  color: #e65c00;
  font-size: 120%;
}
#ref a:link li{
  color: #e65b00;
  font-size: 120%;
}
#ref a li span{
  margin-right: 11px;
}
ul p{
  margin-left: 25px;
  list-style-type: none;
}
.myProgress {
  position: relative;
  margin-top: 40px;
  width: 100%;
  height: 30px;
  background-color: #ddd;
}
.loader {
  position: absolute;
  width: 1%;
  height: 100%;
  background-color: #4CAF50;
  margin-bottom: 15px
}
#label-m{
  color: white;
  line-height: 30px;
  text-align: center;
}
#label-f{
  color: white;
  line-height: 30px;
  text-align: center;
}
#label-treca{
  color: white;
  line-height: 30px;
  text-align: center;
  font-size: 22px;
}
#myProgressTreca {
  position: relative;
  width: 100%;
  height: 30px;
  margin-top: 40px;
}
#loaderTreca{
  position: absolute;
  height: 100%;
  width: 1%;
}
#tab{
  margin-left: 30px;
  margin-top: 120px;
}
.specialities:hover{
  border: 5px solid #000033;
  transition-duration:0.2s;
}
.col-md-3{
  text-align: center;
}
#prikaz{
  position: center;
}
#opis{
  float: right;
}
#forma{
  font-size: 36px;
  position: absolute;
}
.skill-image:hover{ 

    margin-top:40%;  
    opacity:1; 
    -moz-box-shadow: 0 20px 15px 2px #000;
    -webkit-box-shadow: 0 20 15px 2px #000;
    box-shadow: 0 0 15px 2px #000; 
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 0.2s; 
    -moz-transition-duration: 2s;
    -moz-transition-delay: 0.3s;
    -o-transition-duration: 2s;
    -o-transition-delay: 0.3s;
    cursor: auto;
}
.skill{
  list-style-type: none;
}