@media (min-width: 1200px) {


  .h5p-image-hotspots-container, .h5p-image-hotspots-container img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 850px !important;  /* ζητούμενο */
    width: 100% !important;       /* επιτρέπει scaling */
    height: auto !important;      /* σωστή αναλογία */
  }


.h5p-documentation-tool img, .h5p-documentation-image img  {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 600px !important;  /* ζητούμενο */
    width: 100% !important;       /* επιτρέπει scaling */
    height: auto !important;      /* σωστή αναλογία */
  }
}

.h5p-documentation-tool .h5p-navigation-menu {
    text-align: left !important;
}
   
 @media (min-width: 768px) {
    .h5p-documentation-tool .h5p-navigation-menu {
        width: 20% !important;
    }
}

pre {
    font-family: Sans-Serif;
    font-size: 0.875em;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    }