@media only screen and (max-width: 767px) {
  /* Style adjustments for viewports that meet the condition */

  article section.section {
    height: auto;
  }

  article section h1 {
    font-size: 3rem;
    max-width: 28rem;
    margin: auto;
    margin-bottom: 2rem;
  }

  article section.section.products {
    margin: 2rem 0;
  }

  .rollic-content {
    margin: 2rem 0;
  }

  .rollic-img {
    width: 100%;
  }

  footer {
    height: 6rem;
  }
}