.ski_lift { 
    width: 32px;
    height: 32px;
    background: url(ski-lift.svg);
     background-size: 32px 32px; 
    color: brown;
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));
  }


  .kamera { 
    width: 30px;
    height: 30px;
    background: url(cctv.svg);
     background-size: 30px 30px; 
    color: brown;
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));
  }
.vrijeme { 
    width: 30px;
    height: 30px;
    background: url(vrijeme.svg);
     background-size: 30px 30px; 
    color: brown;
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));
  }
  .mapa { 
    width: 30px;
    height: 30px;
    background: url(mapa.svg);
     background-size: 30px 30px; 
    color: brown;
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));
  }

  .vreme_ikonica{
     font-size: 30px;
     color: #c02a2e;
     -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
     filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));
  }
/* 
 .home_nav_bar_icon_10{
     margin-left: -240px
 }

 .home_nav_bar_icon_20{
  margin-left: -310px
}
.home_nav_bar_icon_30{
  margin-left: -380px
}

.home_nav_bar_icon_40{
  margin-left: -250px
}
.home_nav_bar_icon_50{
  margin-left: -470px
} */


/* @media screen and  (min-width: 1800px) {
  .home_nav_bar_icon_10{
    margin-left: -240px
}

.home_nav_bar_icon_20{
 margin-left: -310px
}
.home_nav_bar_icon_30{
 margin-left: -380px
}

.home_nav_bar_icon_40{
 margin-left: -250px
}
.home_nav_bar_icon_50{
 margin-left: -470px
}
} */

/* @media screen and (min-width: 1450px) and (max-width: 1800px) {
  .home_nav_bar_icon_10{
    margin-left: -140px
}

.home_nav_bar_icon_20{
 margin-left: -210px
}
.home_nav_bar_icon_30{
 margin-left: -280px
}

.home_nav_bar_icon_40{
 margin-left: -320px
}
.home_nav_bar_icon_50{
 margin-left: -370px
}
} */
/* 
@media screen and  (max-width: 780px) {
  .home_nav_bar_icon_10{
    margin-left: 10px
   }

  .home_nav_bar_icon_20{
  margin-left: 20px
  }
  .home_nav_bar_icon_30{
  margin-left: 30px
  }

  .home_nav_bar_icon_40{
    margin-left: 40px
  }
  .home_nav_bar_icon_50{
    margin-left: 50px
  }
} */

.uvek_na_vrhu{
  top: 0 !important;
  z-index: 2000 !important;
}


.left-side-icons{
    display: flex;
    align-items: center;
    padding-left: 10px;
}

.right-side-icons{
  text-align: right!important;
  padding-right: 10px;
}
.home_nav_bar_icon{
 padding-left: 20px
 }

 @media screen and  (max-width: 780px) {
  .home_nav_bar_icon {
    padding-left: 10px
    }

  .left-side-icons{
    padding-left: 5px;
  }

  .right-side-icons{
    padding-right: 5px;
  }
}


.home_nav_bar_icon_20{
  padding-left: 20px
}
.home_nav_bar_icon_30{
    padding-left: 30px
}
.home_nav_bar_icon_40{
      padding-left: 40px
}


.justify-space-b{
   justify-content: space-between;
 }

.flex {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .app-btn {
	 width: 45%;
	 max-width: 160px;
	 color: #fff;
	 margin: 20px 10px;
	 text-align: left;
	 border-radius: 5px;
	 text-decoration: none;
	 font-family: "Lucida Grande", sans-serif;
	 font-size: 10px;
	 text-transform: uppercase;
}
 .app-btn.blu {
	 background-color: #101010;
	 transition: background-color 0.25s linear;
}
 .app-btn.blu:hover {
	 background-color: #454545;
}
 .app-btn i {
	 width: 20%;
	 text-align: center;
	 font-size: 28px;
	 margin-right: 7px;
}
 .app-btn .big-txt {
	 font-size: 17px;
	 text-transform: capitalize;
}