.header-back {
  height: 530px;
  width: 100%;
}

.header-back.one {
  background: url("../img/N4.jpeg") 50% 0 no-repeat;
  background-size: cover;
  height: 530px;
}

.header-back.two {
  background: url("../img/UNI4.jpeg") 50% 0 no-repeat;
  background-size: cover;
  height: 530px;
}

.header-back.three {
  background: url("../img/UNI3.jpeg") 50% 0 no-repeat;
  background-size: cover;
  height: 530px;
}

.header-back.four {
  background: url("../img/UNI2.jpeg") 50% 0 no-repeat;
  background-size: cover;
  height: 530px;
}

.header-back.five {
  background: url("../img/UNI1.jpeg") 50% 0 no-repeat;
  background-size: cover;
  height: 530px;
}

.carousel {
  height: 530px;
  padding: 0 !important;
}

.carousel-caption {
  z-index: 10;
}

.carousel .item {
  height: 530px;
  background-color: #777;
}

.carousel-inner>.item>img {
  position: absolute;
  top: 70px;
  left: 0;
  min-width: 100%;
  height: 530px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control.left,
.carousel-control.right {
  background: none;
}

.carousel-control {
  width: 6%;
}

.carousel-inner .container {
  position: relative;
  overflow: visible;
}

.carousel-inner {
  overflow: visible;
}

.carousel-caption {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}

.carousel-caption {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: auto;
  right: auto;
  text-align: left;
}

.carousel-caption.blank {
  top: 140px;
}

.carousel-image {
  position: absolute;
  right: 10px;
  top: 150px;
}

.carousel-indicators {
  padding-right: 60px;
}

.carousel-caption h1 {
  font-weight: 700;
  font-size: 38px;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: -1.5px;
}

.carousel-caption p {
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none;
}

.caption-link {
  color: #fff;
  margin-left: 10px;
  text-transform: capitalize;
  font-weight: 400;
}

.caption-link:hover {
  text-decoration: none;
  color: inherit;
}

@media (min-width: 768px) {
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media (max-width: 992px) {
  .carousel-image {
    display: none;
  }
}

@media (max-width: 768px) {

  .carousel-caption,
  .carousel-caption.blank {
    left: 5%;
    top: 80px;
  }

  .carousel-caption h1 {
    font-size: 28px;
  }

  .carousel-control {
    display: none;
  }
}