.unstyled > li {
  background: none !important;
  color: #757575;
  text-align: center;
}

@media (max-width: 979px) and (min-width: 768px) {
  #header .brand {
    width: 370px !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
  }
}

@media (max-width: 767px) {
  #header .brand {
    width: 100% !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
    background-position: center !important;
  }
}

.btn-egg,
.btn-sperm {
  width: 230px;
  padding: 10px 0;
  margin-top: 8px;
}

.btn-egg,
.btn-egg:hover {
  border-color: #fc5bce;
  text-shadow: 1px 1px 1px #bc4a98;
  background-image: url('//donormatchme.com/images/btn-egg.jpg');
}

.btn-sperm,
.btn-sperm:hover {
  border-color: #4596e7;
  text-shadow: 1px 1px 1px #2964a0;
  background-image: url('//donormatchme.com/images/btn-sperm.jpg');
}

.slider .bot-shadow {
  background-position: center top;
}

@media (max-width: 979px) and (min-width: 768px) {
  .item img {
    max-width: 45%;
  }

  .carousel-caption > img {
    max-width: 100%;
  }

  .carousel-caption {
    overflow: hidden;
  }

  .carousel-caption p {
    font-size: 15px !important;
  }

  .carousel-caption h4 {
    font-size: 22px !important;
  }

  .carousel-caption .slide-sub {
    margin-bottom: 22px !important;
  }

  .carousel-caption .btn-primary {
    font-size: 14px !important;
  }
}

@media (max-width: 767px) {
  .carousel-inner > .item > img {
    float: none;
    margin: 0 auto;
  }

  .carousel-caption p {
    font-size: 13px !important;
  }

  .carousel-caption h4 {
    font-size: 15px !important;
  }

  .carousel-caption .btn-primary {
    font-size: 12px !important;
  }

  .carousel-caption .slide-sub {
    margin-bottom: 15px !important;
  }
}