#main .hope-top h1 {
  font-size: 23px;
}
#main .hope-top .mobile-image {
  background-image: url(https://www.mayoclinic.org/~/media/73DA9FDDDBE74FB6BE0570E6C42B66BD.jpg);
}
@media screen and (min-width: 768px) {
  #main .hope-top {
    background-image: url(https://www.mayoclinic.org/~/media/AB9FBAE030014AD9B6E32C723F5630CF.jpg);
  }
  #main .hope-top h1 {
    font-size: 44px;
  }
  #main .hope-top .hope-top-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #main .hope-top .hope-top-links li {
    width: 30%;
    margin-bottom: 1%;
  }
  #main .hope-top .hope-top-links li a {
    width: 58%;
    left: 21%;
  }
  .banner-video .video-play {
    right: auto;
    top: auto;
    left: 7%;
    bottom: 20%;
  }
  .owl-carousel .owl-item:nth-child(2) .video-play {
    bottom: 43%;
  }
  .owl-carousel .owl-item:nth-child(3) .video-play {
    bottom: 20%;
  }
  .owl-carousel .owl-item:nth-child(4) .video-play {
    bottom: 25%;
  }
  .owl-carousel .owl-item:nth-child(5) .video-play {
    bottom: 43%;
  }
  .owl-carousel .owl-item:nth-child(6) .video-play {
    bottom: 43%;
  }
}
@media screen and (min-width: 1200px) {
  #main .hope-top {
    background-position: 29% center;
    background-size: 130%;
  }
  #main .hope-top .hope-top-content {
    width: 68%;
  }
  #main .hope-top .hope-top-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #main .hope-top .hope-top-links li {
    width: 23%;
    margin-bottom: 1%;
  }
  #main .hope-top .hope-top-links li a {
    width: 68%;
    left: 16%;
  }
}

@media screen and (min-width: 768px) {
    #main .hope-top { 
        height: 590px;
    }
}