@media only screen and (max-width: 960px) {
  html{
    font-size: 7.5px;
    -webkit-text-size-adjust:none;
  }

  .hero-background {
    height: 43.3rem;
    background-position-x: 50%;
  }

  .view-leaderboard-cont{
    margin-top: auto;
    margin-left: 2rem;
    margin-bottom: 2rem;
  }

  .leaderboard-arrows{
    margin-top: 1.3rem;
    margin-left: 0rem;
  }
  
  .hiker-title {
    font-size: 5.3rem !important;
    z-index: 100;
  }

  .hiker-title-container {
    width: 100% !important;
    justify-content: center !important;
  }

  .video-container {
    padding: 0rem 0.7rem !important;
  }

  .leaderboard {
    padding: 0rem 1.3rem !important;
  }

  .leaderboard-viewall{
    padding: 0rem 1.3rem;
  }

  .leaderboard .pager {
    justify-content: center !important;
  }

  .footer .container {
    flex-direction: column !important;
  } 

  #quick-links {
    padding-left: 0rem !important;
  }

/*  .container {
    margin: 0 auto;
  }*/

  .hike-banner-modal {
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  .hike-banner-body {
    top: 2.7rem;
    width:100% !important;
  }

  .hike-banner-body .hike-title {
    font-size: 2.3rem !important;
  }
  
  .hike-banner-body .hike-raised {
    font-size: 1.6rem !important;
  }
  
  .hike-banner-body .hike-story {
    font-size: 1rem !important;
  }

  .flex-collapse {
    flex-direction: column !important;
  }

  .header {
    position: static !important; 
  }

  .breadcrumb {
    padding-bottom: 1.3rem !important;
    align-items: baseline !important;
  }

  .footer-link .insta-text,
  .footer-link .footer-linkText{
    font-size: 1.3rem;
  }

  .footer-link .insta-text{
    width: 13.3rem;
  }

  .footer-social {
    font-size: 1.3rem !important;
    padding: 0.7rem;
  }

  .content-wrap {
    padding-bottom: 77.3rem !important;    /* Footer height */
    /*margin-top: 10rem !important;*/
  }

  .footer {
    height: 64rem !important;
  }

  #guidestar-logo {
    text-align: center;
    margin-top: 4rem;
    position:static !important;
  }

  .donation-container {
    padding-top: 4rem !important; 
  }

  .widget {
    margin-top: 0rem !important;
  }

  .column-mobile { 
    flex-direction: column-reverse;
  }

  .ticketForm .form-group {
    padding-left: 0rem;
    width: 100%;
  }

  .ticketForm .mobile-block {
    display: block !important;
  }

  .leaderboard-details-cont{
    width: 40rem;
  }

  @media only screen and (orientation: landscape) {
    .yearText {
      display: flex;
      font-size: 25rem;
      line-height: 19.4rem;
      color: white;
      opacity: .7;
      width: 100%;
      text-shadow: rgba(67, 69, 115, 0.4) 1rem 1rem 0rem;
    }
  }
} 

@media only screen and (max-width: 600px) {
  html{
    font-size: 5px;
    -webkit-text-size-adjust:none;
  }

  .hero-background {
    height: 60rem;
    background-position-x: 50%;
  }

  .search-button {
      height: 3rem !important; 
  }

  .view-leaderboard-cont{
    margin-top: auto;
    margin-left: 3rem;
    margin-bottom: 3rem;
  }

  .leaderboard-arrows{
    margin-top: 2rem;
    margin-left: 0rem;
  }

  .leaderboard-details-cont{
    width: 40rem;
  }

  .mobile-padding-0-8 {
    padding: 0rem 1.6rem;
  }

  .padding-25 {
    padding: 2rem !important;
  }

  

  .footer-link .insta-text,
  .footer-link .footer-linkText{
    font-size: 2rem;
  }

  .footer-link .insta-text{
    width: 20rem;
  }

  @media only screen and (orientation: landscape) {
    .yearText {
      display: flex;
      font-size: 25rem;
      line-height: 19.4rem;
      color: white;
      opacity: .7;
      width: 100%;
      text-shadow: rgba(67, 69, 115, 0.4) 1rem 1rem 0rem;
    }
  }
}