/* Restoration: responsive layout, preserving original content and styling. */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
header { height: auto; min-height: 100px; position: relative; }
#t1, #t2, #t3 { position: static; float: none; }
#t1 { max-width: 100%; }
#t1 img { max-width: 100%; height: auto; display: block; }
#t2 { position: absolute; right: 0; top: 0; width: auto; }
#t2 img { max-width: 25vw; height: auto; }
#t3 { margin-top: 0; height: auto; min-height: 29px; }
#menu { display: flex; flex-wrap: wrap; white-space: normal; list-style: none; }
#menu > li { display: block; position: relative; }
#menu > li > a { float: none; display: block; height: auto; min-height: 29px; }
#menu li.headlink ul { z-index: 20; top: 100%; left: 0; max-height: 65vh; overflow-y: auto; }
#menu li.headlink:hover ul, #menu li.headlink:focus-within ul { display: block; }
#menu li.headlink ul li { display: block; }
#menu li.headlink ul a { float: none; display: block; height: auto; white-space: normal; }
#main { min-height: 60vh; padding-bottom: 20px; }
#box { max-width: 1100px; }
#main img { max-width: 100%; height: auto; }
#general1, #mission1, #capabilities1, #industries1, #interim1 { width: min(870px, calc(100% - 32px)); height: auto; min-height: 0; }
@media (max-width: 680px) {
 header { min-height: 0; }
 #t1 img { width: 100%; height: auto; }
 #t2 { display: none; }
 #menu > li { flex: 1 1 auto; }
 #menu > li > a { padding: 9px 10px; text-align: center; }
 #menu li.headlink ul { left: 0; width: 100%; max-width: 100%; }
 .title { margin: 12px 16px; padding-top: 18px; }
 #box { padding: 0 16px; margin-top: 16px; }
 #general1, #mission1, #capabilities1, #industries1, #interim1 { width: calc(100% - 24px); padding: 14px; margin-top: 16px; }
 .foto { float: none; margin: 10px; }
}
@media screen and (max-width: 768px) {
    #menu ul ul {
        display: none !important;
        visibility: hidden !important;
    }
}