@media only screen and (max-width: 921px) {
  .page-content {
    margin: 4vh 10vh 2vh 10vh;
  }

  .text-container {
    max-width: 100%;
  }

  .tab-cent {
    text-align: center;
  }

  .ajr-image-container {
    display: none;
  }

  .bottom-p {
    margin-bottom: 3vh;
  }

  .ajr-image-mobile {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

  .header-top {
    margin-top: 2vh;
  }

  .ajr-bio {
    margin-left: 0;
  }

  /* footer styling */

  #left-foot {
    margin-left: 6%;
  }

  #right-foot {
    font-size: 32px !important;
    margin-right: 8%;
  }

  footer {
    height: 6vh;
  }

  body {
    padding-bottom: 6vh;
  }

  .gallery {
    width: 100%;
  }

  .gallery-item {
    margin-bottom: 50px;
  }

  .gallery-item img {
    width: 95%;
  }

  .caption {
    width: 100%;
    padding: 0 5px;
    font-size: 0.6em;
  }

  .hero-container {
    max-width: 500px;
  }

  .welcome {
    max-width: 500px;
  }
}

@media only screen and (min-width: 601px) {
  .nav-mobile {
    display: none;
  }

  .mobile-hero {
    display: none;
  }
}

@media only screen and (max-width: 600px) {
  .page-content {
    margin: 6vh 6vh 2vh 6vh;
  }

  .hero-container {
    display: none;
  }

  .nav {
    display: none;
  }

  h1 {
    font-size: 46px;
  }

  h2 {
    font-size: 18px;
  }

  h3 {
    font-size: 18px;
    margin-bottom: 18px;
  }

  h4 {
    /* font-size: 18px; */
    /* margin-bottom: 24px; */
    margin: 0 4vh 2vh 4vh;
  }

  h5 {
    margin: 0 5vh 2vh 5vh;
  }

  .header-top-phone {
    margin-top: 2vh;
  }

  p {
    font-size: 14px;
    line-height: 22px;
  }

  .welcome {
    min-width: 330px;
    position: relative;
    color: white;
  }

  .navigation-mobile {
    text-align: center;
    padding-top: 20px;
  }

  .inner-page-header {
    height: 65px;
    background: #fff;
    /* background: -webkit-linear-gradient(to right, #a463bf, #905DA6);
    background: linear-gradient(to right, #a463bf, #905DA6); */
  }

  .inner-page-title h4 {
    text-align: center;
    padding: 14vw 0 6vw 0;
    font-size: 26px;
  }

  .page-content {
    flex-direction: column;
  }

  .ajr-image {
    max-width: 80%;
    margin-left: 10%;
  }

  .ajr-image-mobile {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
  }

  .ajr-bio {
    /* padding: 5% 10%; */
    width: 100%;
  }

  footer {
    height: 10vh;
    font-size: 14px;
    bottom: 0;
  }

  body {
    padding-bottom: 10vh;
  }

  #left-foot {
    margin-left: 8%;
  }

  #right-foot {
    font-size: 24px !important;
    margin-right: 10%;
  }

  .phone-cent {
    text-align: center;
  }

  .marg-top-mob {
    margin-top: 8vw;
  }


@media only screen and (max-width: 281px) {
  h4 {
    margin: 0 0 2vh 0;
  }
}