.jumbotron {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 0;
    background-color: #fff;
  }
  @media (min-width: 768px) {
    .jumbotron {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
  
  .jumbotron p:last-child {
    margin-bottom: 0;
  }
  
  .jumbotron h1 {
    font-weight: 300;
  }
  
  .jumbotron .container {
    max-width: 40rem;
  }
  
  footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  footer p {
    margin-bottom: .25rem;
  }

  .bg-dark {
    background-color: #1e7e34!important;
}

.pt-2{
    padding-top: 2rem;
}

.pb-2{
    padding-bottom: 2rem;
}

.top-margin-4{
    margin-top: 4px;
}

.text-white{
    color: white;
}

.medical-service-description-box{
  height: 120px;
  padding-bottom: 10px;
  overflow-y: hidden;
}

.medical-service-image{
  height: 225px;
}

.nav-bar-ul{
  display: inline !important;
}

.nav-bar-ul li{
  display: inline;
}

.nav-item{
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  padding-right: 5px;
  padding-left: 5px;
  text-decoration: none;
  color: #dabb9a !important;
}

.nav-item:hover{
  text-decoration: none;
}

.nav-item.active{
  color: white !important;
  font-weight: bold;
  text-decoration: none;
}

.album{
  min-height: 600px;
}

.search-result-row{
  background-color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 15px;
  cursor: pointer;
}

.green{
  color: #0c5f06;
}

.search-body{
  min-height: 75px;
}

.mb-0{
  margin-bottom: 0px;
}

.bg-img-1{
  background-image: url('images/index\ bg2.jpg');
  background-size: cover;
}

.cool-text{
  color: #0e1f0d!important;
  text-shadow: 3px 2px 4px #ffffff;
}

.green-link{
  color: #0c5f06;
}

.index-hospital-col{
  /* background-color: red; */
}

.index-hospital-div{
  padding: 10px;
  cursor: pointer;
  border: 1px dashed #cdefb8;
  margin-bottom: 30px;
}

.index-hospital-div img{
  width: 100%;
  height: 250px;
}

.index-hospital-div .name{
  background-color: #3a7e35;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bg-white{
  background-color: white;
}

.services-icon{
  font-size: 60px;
    color: #3a7e35;
    margin-bottom: 5px;
}

.bg-hospital-mulago{
  background-image: url("images/MulagoHospital703422-703x422.jpg");
  background-size: cover;
}

.bg-hospital-kawempe{
  background-image: url("images/kawempe.jpg");
  background-size: cover;
}

.bg-hospital-kiruddu{
  background-image: url("images/Kiruddu-hospital-e1526463079413.jpg");
  background-size: cover;
}

.bg-hospital-mulago_women{
  background-image: url("images/Female-Hospital-Mulago.jpg");
  background-size: cover;
}

.hospital-banner{
  height: 300px;
}

.immunization-image{
  width: 100%;
}

.highlight { background-color: yellow }

.search-service-image{
  width:225px;
  height: 150px;
}

.search_space{
  min-width: 100%;
  min-height: 300px;
  background-color: red;;
}

.more_padding{
  padding-top: 50px;
}

.more_row_padding{
  padding-top: 50px;
}

.more_row_padding td{
  padding-top: 100px;
  background-color: rgba(255, 255, 0, 0.212);
}

.question-alert{
  margin-top: 5px;
}

.questionare-h4{
  margin-top: 55px;
}

.questionare-title{
  font-size: 18px;
  font-weight: bold;
}

.question{
  margin-top: 10px;
  margin-bottom: 15px;
}

.question-query{
  font-size: 16px;
  font-weight: bolder;
}

.answer-option{
  margin-right: 10px;
  cursor: pointer;
}

.question-options{
  margin-top: 5px;
}

.question-options textarea{
  overflow: auto;
  resize: vertical;
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 5px;
}

.question-error{
  color: red;
  font-weight: bold;
  font-size: 16px;
  padding-left: 10px;
}


@media screen and (max-width: 460px){
  .question-alert{
    margin-top: 55px;
  }

  .questionare-h4{
    margin-top: 150px;
  }

  .submit-quetions-btn{
    width: 100%;
  }

  .question{
    margin-bottom: 20px;
  }
}