#main-text{max-width:900px;margin:0 auto;padding:40px 30px 60px;position:relative;z-index:2;text-align:center;}
#main-text h1,#main-text h2,#main-text h3{text-align:center;margin-left:0;margin-right:0;}
#main-text p{text-align:justify;}
#main-text ul,#main-text ol{display:inline-block;text-align:left;margin-left:0;}
#main-text li{margin:0 0 1em 0;}
body:has(#main-text) #str1,body:has(#main-text) #str2,body:has(#main-text) #str3,body:has(#main-text) #str4,body:has(#main-text) #str5,body:has(#main-text) #str6,body:has(#main-text) #str7,body:has(#main-text) #str8{position:static;left:auto;top:auto;width:650px;max-width:100%;height:550px;margin:20px auto 40px;background-repeat:no-repeat;background-position:center top;}
 

@media (max-width:1024px){
  #top{background-size:contain;height:auto;min-height:180px;}
  #top_mnu{position:static;left:auto;top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#2f557f;padding:8px;}
  #top_mnu a{padding:4px 8px;}
  #lft_mnu{position:static;left:auto;top:auto;width:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px;}
  #lft_mnu a{display:inline-block;}
  #main-text{max-width:100%;padding:20px 16px 40px;}
  .text{position:static;left:auto;top:auto;width:auto;max-width:100%;padding:20px 16px;box-sizing:border-box;}
  h3,.p1,li,ol li{margin-left:16px;}
}

@media (max-width:600px){
  body{font-size:14px;}
  #top{min-height:120px;}
  #main-text h1,h1{font-size:1.4em;}
  #main-text h2,h2{font-size:1.3em;}
  #main-text p,.text p{text-align:left;}
  #main-text{padding:16px 12px 30px;}
  .text{padding:16px 12px;}
  h3,.p1,li,ol li{margin-left:10px;}
  body:has(#main-text) #str1,body:has(#main-text) #str2,body:has(#main-text) #str3,body:has(#main-text) #str4,body:has(#main-text) #str5,body:has(#main-text) #str6,body:has(#main-text) #str7,body:has(#main-text) #str8{background-size:contain;height:auto;aspect-ratio:650/550;}
}