#main-header {
  background-color: rgba(0, 0, 0, 0.842);
  /* position: absolute; */
  /* z-index: 4; */
  width: 100%;
  background-image: url('../img/headerBg.jpg');
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 768px){
  .carousel{
    margin-left: -15px;
    margin-right: -15px;
  }
}
.grid-container > div,
.otherLinksWrapper > div {
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
  width: 250px;
  position: relative;
  background-size: 100%;
}
.grid-container > div:after,.otherLinksWrapper > div:after {
  content: "";
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  display: block;
  width: 250px;
  height: 150px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.grid-container *,.otherLinksWrapper * {
  transition: all 0.1s ease-out;
}
.grid-container > div > p,
.otherLinksWrapper > div > p {
  position: absolute;
  bottom: -5px;
  left: 10px;
  color: white;
  z-index: 3;
}
.grid-container > div:hover p {
  font-size: 20px;
}
.grid-container > div:hover {
  background-size: 120%;
}
.otherLinksWrapper > div:hover {
  background-size: 120%;
}
.otherLinksWrapper > div:hover p {
  font-size: 20px;
}

.grid-container > div:nth-child(1) {
  background-image: url("../img/Womenemp.jpg");
}
.grid-container > div:nth-child(2) {
  background-image: url("../img/childl.jpg");
}
.grid-container > div:nth-child(3) {
  background-image: url("../img/CommunityRehabsingle.jpg");
}
.grid-container > div:nth-child(4) {
  background-image: url("../img//YoungMothers&Adolescents.jpg");
}
.grid-container > div:nth-child(5) {
  background-image: url("../img/Agricuture1.jpg");
}
.grid-container > div:nth-child(6) {
  background-image: url("../img/CommunityHealth1.JPG");
}

.otherLinksWrapper > div:nth-child(1) {
  background-image: url("../img/acdsss.jpg");
  background-size: cover;
}
.otherLinksWrapper > div:nth-child(2) {
  background-image: url("../img/BishopAlbert.png");
}
.sidebar h3 {
  background-color: rgb(194, 52, 0);
  margin-left: -15px;
  margin-right: -15px;
}
.quick-links-cover ul {
  list-style: none;
}
.news-cover {
  margin-top: -10px;
  margin-left: -15px;
  margin-right: -15px;
  height: 200px;
  overflow: hidden;
  background-color: #ad2e00;
  font-size: 13px;
}
/* .news-cover p{
  height: 38px;
  overflow: hidden;
} */
.otherLinksWrapper{
  justify-content: center;
}
.otherLinksWrapper > div{
  height: 250px;
  border-radius: 100%;
}
.otherLinksWrapper > div:after{
  height: 250px;
  border-radius: 100%;
}
.otherLinksWrapper > div > p{
  position: absolute;
  bottom: 20px;
  left: calc( 50% - 35px );
  color: white;
  z-index: 3;
}