div#page_loader {
  position: fixed;
  top: 0;
  bottom: 0%;
  left: 0;
  right: 0%;
  background-color: white;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.background-class.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/class.jpg");
  background-position: center top;
}
.background-yoga.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/yoga.jpg");
  background-position: center top;
}
.backgorund-trubador.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/trubador.jpg");
  background-position: center top;
}
.background-third.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/third.jpg");
  background-position: center top;
}
.background-first.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/first.jpg");
  background-position: center top;
}
.background-angular.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/angular.jpg");
  background-position: center top;
}
.background-yaron.visible {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/courseLife/yaron.jpg");
  background-position: center top;
}
.sticky-header > #header-wrap > .container > #logo > a::after {
  top: 33px;
  left: 44px;
}
#header-wrap > .container > #logo > a[data-page="staff"]::after,
#header-wrap > .container > #logo > a[data-page="proj"]::after {
  top: 45px;
  left: 33px;
}
.sticky-header > #header-wrap > .container > #logo > a[data-page="staff"]::after,
.sticky-header > #header-wrap > .container > #logo > a[data-page="proj"]::after {
  top: 33px;
  left: 21px;
}
#header-wrap > .container > #logo > a::after {
  top: 40px;
  left: 55px;
}
@media (max-width: 992px) {
  #header-wrap {
    height: 70px;
  }
  #header-wrap > .container > #logo > a::after {
    top: 43px;
    left: 30px;
  }
}