/* HTML5/PHP 8.3 stable baseline: responsive correction for the legacy home layout. */
@media screen and (max-width: 900px) {
  body {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: visible;
  }

  #hpb-container,
  #hpb-header,
  #hpb-inner,
  #hpb-footer {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .hpb-layoutset-01 #hpb-wrapper,
  .hpb-layoutset-02 #hpb-wrapper {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .hpb-layoutset-01 #hpb-main,
  .hpb-layoutset-02 #hpb-main,
  .hpb-layoutset-01 #hpb-aside,
  .hpb-layoutset-02 #hpb-aside,
  .hpb-layoutset-01 #hpb-nav,
  .hpb-layoutset-02 #hpb-nav {
    width: 100%;
    max-width: 100%;
    float: none;
    box-sizing: border-box;
  }

  #hpb-main,
  #hpb-aside,
  #hpb-nav,
  #hpb-headerMain,
  #hpb-headerExtra1,
  #hpb-skip {
    max-width: 100%;
    box-sizing: border-box;
  }

  #hpb-headerExtra1 {
    width: 100%;
    height: auto;
  }

  #hpb-nav ul,
  #hpb-nav li,
  #hpb-nav li a {
    max-width: 100%;
    box-sizing: border-box;
  }

  #hpb-container img {
    max-width: 100%;
    height: auto;
  }

  #hpb-container iframe {
    display: block;
    width: 600px;
    max-width: 100%;
    box-sizing: border-box;
  }

  #hpb-headerExtra1 p,
  #hpb-main li,
  #hpb-main p {
    overflow-wrap: anywhere;
  }
}