@media only screen and (max-width: 968px) {
.d-md-none {display: none;}

  .container {
    padding-right: 4rem;
    padding-left: 4rem;
  }

  .display-1{font-size: 4rem;}
  .text-1,h1 {font-size: 3rem;}
  .text-2,h2 {font-size: 2.2rem;}
  .text-3,h3 {font-size: 2rem;}
  .text-4,h4 {font-size: 1.5rem;}
  .text-5,h5 ,p {font-size: 1rem;margin: 1.25rem 0;}
  pre {font-size: 1rem;}

  .py-2 {padding-top: 1rem; padding-bottom: 1rem;}
  .py-3 {padding-top: 1.5rem; padding-bottom: 1.5rem;}
  .py-5 {padding-top: 3rem; padding-bottom: 3rem;}

  .grid-3-1,.grid-2,.parent {display: flex; flex-direction: column;}

  .vh-100,iframe{height: auto !important;}
}

@media only screen and (max-width: 744px) {
  .grid-2-1,.grid-4,.grid-3,.grid-2-1-1 {display: grid; grid-template-columns: 1fr 1fr;}
}