.oblastiSlike{
  height: auto;
  background-color: #f9f9f9;
  padding-top: 10%;
  padding-bottom: 10%;
  padding-left: none;
  padding-right: 10%;
  width: 100%;

}
.oblastiProjekata{
  width:33.33%;

}
.projektiSredina{
  height: 100%;
}
.slikaOblast{
  position: relative;
  border-radius: 100%;
  display: inline-block;
  min-width: 180px;
  max-width: 280px;
  min-height: 180px;
  max-height: 280px;
  width: 280px;
  height: 280px;
  margin-left: 50%;
  box-shadow: rgba(189, 195, 199, .5);


}
.oblastForma{
  background-color: transparent;
  border-radius: 5%;
  margin-left: 15%;
  height: 100%;
  padding-top: 10%;
  padding-right: 50%;
}
.reference{
  padding: 10%;
  background-color: #fff;

}
.refH1{
  color: #000;
}
.refSpan{
  padding-left: 10%;
  padding-right: 10%;
}
.refTxt{
  font-size: 17px;
  letter-spacing: 1px;
}
.refTxt b{
  text-transform: uppercase;
  letter-spacing: .1px !important;
  font-weight: bolder;
}
.oblastH1{
  color: #000;
  margin-top: 20%;
  margin-bottom: 20%;
  padding-left: 50%;
  display: block;
  font-weight: lighter;
  text-transform: uppercase;
  width: 300px;
}
.fa-stack .fa-5x .img-circle{
  padding-right: 30%;
}
@media only screen and (max-width: 1700px) {

  .oblastiSlike{
    display: inline-flex;
    width: 100% !important;
    min-width: 100%;
    position: relative;

  }
  .oblastiProjekata{
    width: 33.33%;
    margin-left: 15%;
    margin-top: 15%;
  }
  .oblastH1{
    width: 250px;
  }
  .slikaOblast{
    max-width: 180px !important;
    max-height: 180px !important;

  }
  .oblastForma{
    width:300px;
  }


}
@media only screen and (max-width: 700px){
  .oblastiProjekata{
    width: 33.33%;
    margin-left: 2% !important;
    margin-top: 15%;
    margin-right: 5%;
  }
}