@import url("responsive-core.css");

@media (max-width: 60rem) {
  .transformation-visual {
    height: min(45rem, 76vw);
  }

  .product-composition {
    min-height: min(58rem, 95vw);
  }

  .safety-visual {
    min-height: min(52rem, 86vw);
  }
}

@media (max-width: 45rem) {
  .menu-toggle {
    width: 2.75rem;
    height: 2.75rem;
  }

  .register-control {
    min-height: 2.75rem;
  }

  .transformation-visual {
    height: 98vw;
    min-height: 24rem;
    max-height: 30rem;
  }

  .product-composition {
    min-height: 112vw;
    max-height: 31rem;
  }

  .safety-visual {
    min-height: 98vw;
    max-height: 29rem;
  }

  .network-scene {
    min-height: 37rem;
  }

  .network-layout {
    min-height: 32rem;
  }

  .network-close {
    padding-top: 9.5rem;
  }
}