#main {
  min-height: calc(100vh - 7rem);
}

article {
    padding: 0;
    overflow: hidden;
  }
  
  article div {
    padding: 1rem;
  }
  
  @media (min-width: 576px) {
    article div {
      padding: 1.25rem;
    }
  }
  
  @media (min-width: 768px) {
    article div {
      padding: 1.5rem;
    }
  }
  
  @media (min-width: 992px) {
    article div {
      padding: 1.75rem;
    }
  }
  
  @media (min-width: 1200px) {
    article div {
      padding: 2rem;
    }
  }

#image {
    display: none;
    mix-blend-mode: luminosity;
    background-color: #374956;
    background-image: url(https://docs.thkc.space/user/ali/MontTremblantHikeThumbnail.jpg);
    background-position: center;
    background-size: cover;
}
@media (min-width: 992px) {
    #image {
      display: block;
    }
  }