body {
    background-image: url('/img/domains/ime-hf/bg.jpg');
    background-color: #061225;
}
.domain-color {
    color: #00b4ff !important;
}
.box-bg{
    background-color: #001b25;
}
.box-bg p {
  color: #fff;
}
.main-content ul li {
    background-image: url('/img/domains/ime-hf/square.png');
}
a.more {
    border: 1px solid #00b4ff;
    color: #00b4ff !important;
    background-color: rgba(0, 180, 255, 0.05);
}
a.more:hover {
    background-color: rgba(0, 180, 255, 0.1);
}
.navbar-toggleable-sm .navbar-toggler,
.button-close {
    border: 2px solid #00b4ff;
}
.navbar-toggler span.icon-bar,
.button-close span.icon-bar {
   background-color: #00b4ff;
}
nav ul li {
    background-color: #00b4ff;
}
.main-content h1,
.notice h1 {
    color: #00b4ff;
}
.main-content p {
    border-top-color:  #00b4ff;
}
.main-content .gallery div a {
  color: #00b4ff;
}
footer {
  /*min-height: 450px;*/
  background: url('/img/domains/ime-hf/footer.png') no-repeat bottom;
}

footer .shadow {
    background-image: url('/img/domains/ime-hf/circle_shadow.png')
}

/* XtraSmall Devices, Tablets */
@media only screen and (min-width : 576px) {
	header .container .satellite {
	    width: 95%;
	    height: 300%;
	    position: absolute;
	    z-index: -1;
	    background: url('/img/domains/ime-hf/druzice.png') no-repeat right;
	    background-size: contain;
	    animation: fadeInDown 1.65s ease-in, upDown 1.5s alternate infinite ease-in-out;
	    animation-delay: 0s, 1.65s;
	    -webkit-animation: fadeInDown 1.65s ease-out, upDown 1.5s alternate infinite ease-in-out;
	    -webkit-animation-delay: 0s, 1.65s;
	    top: -125px;
	}
	@keyframes upDown {
	    to { transform: translatey(70px);}
	}
	header .container.home .satellite {
	    height: 100%;
	    top: 0;
	}
}

@media only screen and (min-width : 768px) {
  
  nav ul {
      background-color: #00b4ff;
  }
  
  .button-close span.icon-bar {
     background-color: #fff;
  }
  
}