.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: red;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #34558a;
}

.nav-pills .nav-link, .nav-pills .show > .nav-link {
    color: #34558a;
    background-color: #fff;
}

.font15 {
	font-size: 20px;
}


/* Change this breakpoint if you change the breakpoint of the navbar */

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

@media screen and (max-width: 767px) {
    .summary,
    .description {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .font15{
        font-size: 15px;
    }
}


.container .dropdown .dropdown-menu a:hover
{
  color: #fff;
  background-color: #34558a;
  border-color: #fff;
}